几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
在制作一些动态页面,常常会使用到JavaScript创建一个新的div>或者是其他标签。JavaScript创建一个标签其实很容。只需使用document.createElement("标签")即可实现(document.createElement("div"))。案例是点击button按钮的时候新建一个div,然后给这个div添加内容。
新建一个html文件。如图:
在html页面上创建一个点击的button按钮。如图:
代码:
为button添加点击时创建一个新的div事件。使用document.createElement("div")创建一个新的div,然后使用innerHTML对新建的div设置内容,最后把div放到body>显示。如图:
代码:
script type="text/javascript"> function creatDiv(){ var div = document.createElement("div"); div.innerHTML = "你好!";//为div输入内容 document.body.appendChild(div) } /script>
为button按钮添加点击是创建新div事件。如图:
代码:
input type="button" value="点我新建div" onclick="creatDiv()"/>
保存好html文件后使用浏览器打开,点击button按钮会执行已经写好的创建div的事件。如图:
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JAVASCRIPT
相关文章
几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
如何开始学习javascript,html是网页的内容,c是网页的格式,h是网站的后台,j是网站的前端,那么如何学习j,才能高效?......
2023-03-17 258 JAVASCRIPT