js向一个html中div属性赋值

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

$.attr('value', '123')这里的value是指元素节点上的属性值，即DOM节点上的属性值；

而$.val('123')是input的属性值，当其value值被赋值时则是通过setter方法定义的。

例如：<input id="s1" type="" name="" value="2">

这个value="2"和input的value值是两个概念。

value="2"是DOM结点上的属性值，如果想改变这个属性值，需要这样 *** 作$("#s1").attr("value","123")，这个属性值是可见的。

input上的值是它本身的value值，如果想获取则是$.val()，如果想赋值则用$.val('123')。

改变或者获取<input>、<textarea>、<select>、<option>、<button>的值都是用val()，改变或者获取DOM节点上的属性值，则用attr()

自己多试试就理解了。

1、新建并保存一个html文档，进入html代码编辑页面。

2、写一个input文本输入框，并定义ID，然后写一个按钮，并定义ID。

3、要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。

4、引入jquery文件，路径要正确，写jquery代码，打开浏览器测试一下，点击按钮之后，输入框内就会自动输入赋值的内容。

---