js正则 获取元素属性值

JavaScript015

js正则 获取元素属性值,第1张

一、获取img标签的src属性值

var imgStr = "<p><img src='http://www.baidu.com/FpmF-JifNksQTHo7InP_LMukbtWc'/></p>"

//解析富文本获取img里面的src属性值

        var patt = /<img[^>]+src=['"]([^'"]+)['"]+/g

        var result = [],

          temp

        while ((temp = patt.exec(imgStr)) != null) {

          result.push({'url':temp[1]})

        }

console.log(result) //http://www.baidu.com/FpmF-JifNksQTHo7InP_LMukbtWc

二、获取指定元素属性值

function getDomAttr(str,tag,attr) {

  // const val = /(?<=data-value=").*?(?=")/

  var patt = `/<${tag}[^>]+${attr}=['"]([^'"]+)['"]+/g`

  let temp = patt.exec(str)

  // console.log('str.match(val)', temp)

  return temp[1]

}

代码如下:

这细微的差别就会影响到程序的结果。

代码如下:

这些颜色不仅作用于那些直接包含在<body>标签里的内容，还将作用于嵌套在body元素内的所有元素。

id属性就像一个挂钩，它一头连着文档里的某个元素，另一头连着CSS样式表里的某个样式。

document.getElementById("purchases")这个调用将返回一个对象，这个对象对应着document对象里的一个独一无二的元素，那个元素的的id属性值为purchases。其实，文档中的每个元素都是一个对象。利用DOM提供的方法能够得到任何一个对象。getElementsByTagName返回一个数组，即使整个文档里只有一个元素，也返回一个数组。

示例：

显示信息都是object，getElementByClassName也返回一个具有相同类名的元素数组，获取和设置属性getAttribute object.getAttribute(attribute)。

注：getAttribute方法不属于document对象，它只能通过元素节点对象调用。

例子：