这篇“JavaScript中怎么使用innerHTML”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JavaScript中怎么使用innerHTML”文章吧。 JavaScript innerHTML怎么使用 ( 1 ) innerHTML可以向指定的节点直接插入HTML代码。 语法: nodeObject.innerHTML=HTMLCode 其中,nodeObject 为节点对象,HTMLC 香港云主机ode 为HTML代码。 注意:innerHTML 会覆盖原来的HTML代码。 举例,向 id=”demo” 的节点添加三个新节点: div id=”demo”> div>点击这里添加新节点/div> /div> script type=”text/javascript”> document.getElementById(“demo”).onclick=function(){ this.innerHTML=”div>这是新节点 1/div>div>这是新节点 2/div>div>这是新节点 3/div>”; } /script> Javascript怎样获取兄弟节点 所谓兄弟节点,是指当前节点的上一个节点或下一个节点。 获取上一个节点 在Javascript中,通过 previousSibling 来获取上一个节点。 语法: nodeObject.previousSibling 其中,nodeObject 为节点对象(元素节点)。 在IE下,会忽略节点间的空白节点(空格、回车和Tab键);在遵循W3C规范的浏览器(Chrome、FireFox、Safari等)下则不会。 请看下面一段代码: #demo{ height:180px; width:250px; padding:0px 10px 10px 10px; border:1px solid #ccc; background-color:#ededed; } #demo div{ height:50px; width:250px; margin-top:10px; text-align:center; line-height:50px; background-color:#ccc; }以上就是关于“JavaScript中怎么使用innerHTML”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注开发云行业资讯频道。
本篇文章为大家展示了Web 全栈开发利器Cloud IDE怎么用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。学了Web全栈开发,就得动手实践,要动手,得先有开发环境。比如要开发python代码,是先在自己机器上安装p…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。