一、js输出大段html文档简便方法
在网页上用程序输出文本通常有两种方法:
1、用DOM对象的innerHTML属性和innerText属性向一个标签中写入文本。
2、用Document对象中的write()方法和writeln()方法向网页中输出文本。这两个方法的区别在于,writeln()方法在输出文本的末尾加入一个换行符,但由于在一般情况下,HTML会忽略换行符,所以它一般不能起到换行作用。通常我们只使用write()方法。write()方法的调用格式:document.write(文本串);
二、innerHTML是什么
inerHTML是html标签的属性,成对出现的标签大多数都有这个属性是开始标签和结束标签之间的字符,不包括标签本身比如
aaaaaaaaaabbbbbbbb
这里的p标签和span标签嵌套在一起那么pp.innerHTML的内容就是aaaaaaaaaabbbbbbbbss.innerHTML的内容就是bbbbbbbb=========================类似的一个属性是outerHTML那么pp.innerHTML的内容就是aaaaaaaaaabbbbbbbb
ss.innerHTML的内容就是bbbbbbbb三、js如何把html当字符串渲染到页面上
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<script>标签,输入js代码:vara='<inputtype="text"value="test"/>';document.body.innerText=a;。
3、浏览器运行index.html页面,此时html代码被当成字符串渲染到了页面上。
四、innerhtml和innertext的区别
示例代码:
test1test2
innerHTML内容
inerHTML内容
共同点:innerHTML和innerText都会把元素内内容替换掉。不同点:1,innerHTML:也就是从对象的起始位置到终止位置的全部内容,包括Html标签。上例中的test.innerHTML的值也就是“test1test2”。2,innerText:从起始位置到终止位置的内容,但它去除Html标签上例中的text.innerTest的值也就是“test1test2”,其中span标签去除了。值得注意的是,innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签。文章分享结束,html中innerhtml两种用法和html的innerhtml的答案你都知道了吗?欢迎再次光临本站哦!