js怎么获取html添加的元素属性

js获取html添加的元素属性方法：先给这个元素设个ID，再用js获取这个ID的属性，即元素属性，实现案例如下：

<a id="link" href="前端学习" title="测试" blogname="前端开发">Web开发</a>

JS代码：

var ka=documentgetElementByI d("link");

alert(kagetAttribute("id"));//获取到Html标签的自定义属性

alert(kaid);//获取到Html标签常规属性用

js获取元素方法有：

1、getElementById ：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。

2、getElementsByName：getElementsByName(name)该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。

另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所以getElementsByName() 方法返回的是所有匹配元素组成的数组，而不是一个元素。

3、getElementsByTagName：getElementsByTagName() 方法会使用指定的标签名返回所有的元素（作为一个节点列表），这些元素是您在使用此方法时所处的元素的后代。

getElementsByTagName() 可被用于任何的 HTML 元素

如果把特殊字符串 "" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。

传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

根据你的需求，举例如下：

documentquerySelector：获取首个（单个）符合条件元素

documentquerySelector('name'); //获取页面上首个class属性中包含name的元素。

documentquerySelectorAll：获取全部符合条件元素

documentquerySelectorAll('name'); //获取页面上全部class属性中包含name的元素。

非IE6,7,8可以直接用自带的属性 getElementsByClassName,如果需要考虑兼容，就需要自己写了。下面是自己写的：

function getClassName(obj,sName) //-->obj是要获取元素的父级

{ //-->sName是class名字

if(documentgetElementsByClassName)

{

return objgetElementsByClassName('sName');

}

else

{

var aTmp = objgetElementsByTagName('');

var aRes=[];

var arr =[];

for(var i=0;i<aTmplength;i++)

{

arr = aTmp[i]classNamesplit(' ');

for (var j=0;j<arrlength;j++)

{

if(arr[j] == sName)

{

aRespush(aTmp[i]);

}

}

}

return aRes;

}

}

大概思路，是将你要获取class元素父级下的所有元素都取出来，再循环查找className，满足的元素存到数组中，然后返回。

以上就是关于js怎么获取html添加的元素属性全部的内容，包括:js怎么获取html添加的元素属性、js获取元素方法、js怎么通过class获取元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！