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

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

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

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

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

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

javascript添加html标签如下:

一、直接给javascript内容添加标签

<body>

<div id='div'></div>

</body>

<script>

var oDiv = document.getElementById('div')。

oDiv.innerHTML = '<span>11112222</span>'。

</sciprt>

二、,用javascript自带的createElement添加标签

<body>     <div id='div'></div> </body> <script> var oDiv = document.getElementById('div') var oSpan = document.createElement('span') oDiv.appendChild(oSpan) </sciprt>

三、注意事项

其他属性也一样 ,只不过class是js中的关键字。

对象名.class就是语法错误所以改名为className。

其他的属性可以直接通过。

对象.属性名=‘值’。

js可以向网页中写入html内容,方法是调用write方法向document的节点中写入html元素

以下展示两个实例

1.在网页上写入一个标题为hello的元素

效果如图:

2.在网页上写入一个九九乘法表

在js中可以使用上面的 <h1>hello </h1>这样的开始标签和闭合标签在一起的标签写法,也可以将开始标签和闭合标签分开来写,例如本例。

本例的逻辑是用table标签建立一个表,然后用for循环分别计算九九乘法的结果,在写入结果的前后用tr标签形成一行,计算结果的时候用td标签形成一列

效果图:

通过chrome浏览器右键检查,可以看到的确写入了一个九九乘法表的table到网页中

注意:

在进行字符串拼接的时候如果没有处理好,会出现 SyntaxError: missing ) after argument list 的错误,需要谨慎对待,具体问题具体对待,解决方法可以参考下面的资料或者自行google

1. SyntaxError: missing ) after argument list

2. js中出现missing ) after argument list

3. JavaScript: SyntaxError: missing ) after argument list [closed]


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11957969.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存