怎么用JS给一个HTML元素增加一个属性和值

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.html中的<script>标签，输入js代码：$('#txt').val('添加值')$('#txt').attr('data','test')。

3、浏览器运行index.html页面，此时input元素成功被添加了值和属性。

bootstrap是不提供 输入框 提示功能 的JS插件，一直到到现在的v3都不提供。

但是他提供模态窗、下拉菜单等JS插件，具体的可以到官方网站查看，在网站顶部有个页签“javascript”就是JS插件了。

bootstrap所有的JS插件都是jQuery插件，提供两种接口方式，一种是在页面元素中声明data-属性，如：

1

2

3

4

5

6

<div class="dropdown">

<a data-toggle="dropdown" href="#">Dropdown trigger</a>

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">

...

</ul>

</div>

另一种，就是直接 *** 作JS接口，如：

1

$('.dropdown-toggle').dropdown()

有这样一个场景： v-for 渲染一个列表有10个子项，并且把第5个子项后的元素都添加一个属性 data-wow-delay='0.8s' ，实现如下：

可以得出一个给元素添加自定义属性的方法

当然，如果只是添加一个常见属性(css属性)，例如class,style等，下面这种方法也可以。

---