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

JavaScript021

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，如下图：