js怎么给标签添加内容

js怎么给标签添加内容,第1张

打开hbuilder软件新建一个html文件,在html页面上创建一个雹茄点击的button按钮。然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div,接着使用innerHTML对新建的div设置内容,最后把div放到body显示歼肆蠢。在html里为button按钮添加宇哥点击创建div的事件,完成之后代码就写好了,接下来需要看看效果。保存氏陪好html文件后使用浏览器打开,此时还没有创建div。最后点击button按钮,会执行脚本创建div的事件,新的div就创建好了,顺利实现了给标签添加了内容。

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

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

2、在index.html中的<script>标签,输入js代码:$('div').click(function(){$(this).css('color','blue')})。

3、浏览器运行index.html页面,此时点击123所在的div,div会变为蓝色文本。

加 contenteditable="true 属性可信旁嫌让 div 变为可编辑状态,同时点击时启燃获取焦点。

补充:设置tabindex属性,按键盘 Tab键滑手 可让其获取焦点,其中 tabindex 的值越小在 Tab键 切换的时候就会首先聚焦。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存