关于innerHTML和insertHTML的使用

关于innerHTML和insertHTML的使用,第1张

好像没有insertHTML这个方法吧 我没见过。
有个类似的是insertAdajcentHTML
原型:insertAdajcentHTML(swhere,stext)
参数:
swhere: 指定插入html标签语句的地方,有四种值可用:
1 beforeBegin: 插入到标签开始前
2 afterBegin:插入到标签开始标记之后
3 beforeEnd:插入到标签结束标记前
4 afterEnd:插入到标签结束标记后
至于innerHTML就是某个标签的内部HTML 比如<td></td>之间的HTML
innerHTML可以通过elementinnerHTML获取,也可以通过elementinnerHTML=进行某个element的innerHTML的修改

在IE中的这些元素

col, colGroup, frameSet, html, head, style, table, tBody, tFoot, tHead, title,  tr

对于上面这些元素 innerHTML 方法是只读的,不能进行写入设置。具体可以看MSDN的介绍

如果要对表格进行动态调整的话,可在 td 元素上使用 innerHTML ,或者 使用

createElement("tr"), 再使用appendChild 附加上去

对于IE没有其他的办法

>对于一个已经存在的<table>内部不能使用innerHTML进行 *** 作,只能使用 insertRow来插入行。
建议生成的时候使用<div>内嵌<table>, 然后为div赋值。

innerHTML *** 作的是标签之间的值

<p id="p">innerHTML *** 作这里</p>

value 是对有value属性的标签

<input type="text" value="这是value"><p id="p"></p>
<script>
p=documentgetElementById('p');
pinnerHTML="hello"; //这里是放入
s=pinnerHTML;//这里是获取
alert(s);
</script>

1insetaspxcs 中如果是这样定义:public string a = "AAAA";
2insertaspx 中就可以这样用<%=a %> 或是<% a; %>
//<%=a %> 是表达式;<% a; %>是语句,所以要用";"
3 public string innerHtml = "<div>aaaaaa</div>";
<td id="show"><% ResponseWrite(innerHtml); %></td>

几乎所有的DOM对象都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML。(获取HTML当前标签的起始和结束里面的内容), 经常利用它实现信息的动态显示,
看看这个例子:
<html>
<head>
<script>
function Test(){//将后面的那些字符串的属性,赋值给id为s的那行
documentgetElementById("s")innerHTML="<br /><br />"+Mathrandom();
setTimeout('Test();',1000); //1秒执行1次Test()函数
}
function Test1() {
alert("单击之前w的之值: "+documentgetElementById("w")innerHTML);
var str1 = "单击之后"
documentgetElementById("w")innerHTML=str1;
documentgetElementById("AlbumList")innerHTML="<table><tr>";
alert(documentgetElementById("AlbumList")innerHTML);
}
</script>
</head>
<body onload=Test();>
<p id="s"></p>
<p id="w">你好!!!!!!</p>
<button onclick="Test1()">单击之前</button>
<div id="AlbumList"></div>
</body>
</html>
innerHTML自带了语法检查功能,他会自动把不完整的HTML代码补充完整运行如下的一个测试代码就可以发现了
documentgetElementById("AlbumList")innerHTML="<table><tr>";
alert(documentgetElementById("AlbumList")innerHTML);
会自动把代码里面添加了<tbody>和</tr></table>等标记神奇!!!所以在网页中,经常这样用;
<div id="content"></div>
<script language="javascript">
documentgetElementById("content")innerHTML="需显示的内容";
</script>
这样就会在id 是content的标记那里显示"需显示的内容";

<div id="a"></div>
<script>
documentgetElementById("a")innerHTML="1111111111111"//11111可以写html代码
</script>

你好,innerHTML只能插件html代码。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13394976.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-28
下一篇 2023-07-28

发表评论

登录后才能评论

评论列表(0条)

保存