您好,欢迎访问一九零五行业门户网

javascript如何添加一个段落

javascript添加一个段落的方法:1、通过“document.write”方法插入html段落;2、通过dom方法插入html段落。
本文操作环境:windows7系统、javascript1.8.5版,dell g3电脑
javascript如何添加一个段落?
javascript插入html段落方法
传统方法:
document.write方法
可以直接在需要插入的地方通过script标签插入
<body> <script> document.write("<p>this is inserted.</p>"); </script></body>
或者挪到外部函数中
<body> <script> insertparagraph("this is inserted"); </script>...<script>function insertparagraph(text){ var str = "<p>"+text+"</p>" document.write(str)}</script></body>
但是怎样都会使javascript代码和html代码混杂在一起,不是一种好的做法。
innerhtml属性
innerhtml即可以写入html代码,也可以读出所选节点下的html代码。通过innerhtml插入是直接替换掉了所选节点下面的全部内容。
<div id="insert"> <p>this will be overwritten.</p></div><script>window.onload = function(){ var insertdiv = document.getelementbyid("insert") alert(insertdiv.innerhtml) insertdiv.innerhtml = "<p>this is inserted.</p>"}</script>
dom方法
createelement方法:document.createelement(nodename)
创建一个新元素,下面的代码就是创建了一个p元素。
var insertelement = document.createelement("p")appendchild方法:parent.appendchild(child)
让此节点成为目标节点的子节点
var insertelement = document.createelement("p");document.getelementbyid("insert").appendchild(insertelement);creattextnode方法:document.createtextnode(text);
和createelement方法类似,但是创建的是一个文本节点
var txt = document.createtextnode("new insert text.");insertelement.appendchild(txt);insertbefore方法: parentelement.insertbefore(newelement,targetelement);
将一个新元素插到一个现有元素的前面。其中parentelement是目标元素的父元素,newelement是你想插入的元素,targetelement你想插入到它前面的元素。
var newinsertelement = document.createelement("p");insertdiv.insertbefore(newinsertelement,insertdiv);
推荐学习:《javascript高级教程》
以上就是javascript如何添加一个段落的详细内容。
其它类似信息

推荐信息