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

JavaScript012

js怎么获取html添加的元素属性,第1张

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

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

JS代码:

var ka=document.getElementByI d("link")

alert(ka.getAttribute("id"))//获取到Html标签的自定义属性

alert(ka.id)//获取到Html标签常规属性用

使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。

工具原料:编辑器、jquery

1、首先jquery的attr()方法允许两个参数,如果值给一个参数则返回的是元素的属性的值,两个参数可以设置一个元素属性的值为第二个参数。

2、给div元素属性赋值的代码如下:

<div id="div1" class="test"></div>

<script type="text/javascript">

$('#div1').attr('class','baidu')

</script>

3、运行代码如下,审查元素防线class的值已经改为baidu,如下图: