html中innerhtml两种用法,innerhtml和html的区别
innerHTML用法
innerHTML在JS是双向功能: 取对象的内容 或者 像对象插入内容;
eg1:div id="aa"这是内容/div ,可以通过document.getElementById("aa").innerHTML来获取id为aa的对象的内嵌内容;
eg2:像对象插入内容:document.getElementById("abc").innerHTML="这是被插入的内容";这样就可以像id为abc的对象插入内容。
关于innerHTML的用法
你这个只是找到那个DOM对象。。。。并且不能代表真正前台代码。。。。所以完全是两种情况。。。
JavaScript中innerHTML,innerText,outerHTML的用法及区别
不废话了,请看下文示例介绍。
用法:
div
id="test"
span
style="color:red"test1/span
test2
/div
在JS中可以使用:
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“span
style="color:red"test1/span
test2
”。
test.innerText:
从起始位置到终止位置的内容,
但它去除Html标签
上例中的text.innerTest的值也就是“test1
test2”,
其中span标签去除了。
test.outerHTML:
除了包含innerHTML的全部内容外,
还包含对象标签本身。
上例中的text.outerHTML的值也就是
div
id="test"span
style="color:red"test1/span
test2/div
完整示例:
div
id="test"
span
style="color:red"test1/span
test2
/div
a
href="javascript:alert(test.innerHTML)"innerHTML内容/a
a
href="javascript:alert(test.innerText)"inerHTML内容/a
a
href="javascript:alert(test.outerHTML)"outerHTML内容/a
特别说明:
innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签,下面是一个简单的符合W3C标准的示例:
a
href="javascript:alert(document.getElementById('test').innerHTML.replace(/.+?/gim,''))"无HTML,符合W3C标准/a
innerHTML和innerText如何区分?
示例代码:
div
id="test"
span
style="color:red"test1/span
test2
/div
a
href="javascript:alert(test.innerHTML)"innerHTML内容/a
a
href="javascript:alert(test.innerText)"inerHTML内容/a
共同点:innerHTML和innerText都会把元素内内容替换掉。
不同点:
1,innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“span
style="color:red"test1/span
test2
”。
2,innerText:
从起始位置到终止位置的内容,
但它去除Html标签
上例中的text.innerTest的值也就是“test1
test2”,
其中span标签去除了。
值得注意的是,innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签。
以上就是介绍JavaScript中innerHTML,innerText,outerHTML的用法及区别,希望大家喜欢。
innerHTML的用法
innerHtml的用法
Script Runat="Server"
Sub Button_Click( s As Object, e As EventArgs )
entries.innerHtml = "hr" username.Value "p" comments.Value
entries.innerHTML
End Sub
/Script
headtitleGuestbook.aspx/title/head
body
form Runat="Server"
bUsername:/b
brinput id="username" type="text" size="30" Runat="Server"
p
bComments:/b
brtextarea id="comments" cols=60 rows=10 Runat="Server"/textarea
p
input type="submit" value="Add Comment"
OnServerClick="Button_Click" Runat="Server"
span id="entries" Runat="Server" /
/form
/body
/html
请把innerHTML的用法和概念详细的说一下
innerHTML看它的英文单词也可以明白就是里面的字符按html标记的语言格式取出来或重新设置。
其实innerHTML不是w3c标准所支持的,但是各大浏览器厂商都提供了它的实现,所以实际上它还是标准的。
innerHTML是一个属性,用法举个例子,假如有个标签:
div id="div1"/div
下面是js:
var div1=document.getElementById("div1");
div1.innerHTML="span style='color:red'Hi/span";//重新设置div1内的html代码。
alert(di1.innerHTML);//取出div1里面的 html代码
还有个innerText属性,这个属性只被ie支持,其实没有必要有这个属性,因为innerHTML完全可以替代它。
div1.innerHTML="Hi";//其实和innerText的效果一样
完