innerHTML的認識

2024-08-26 00:08:50

字體：大中小

來源：轉載

供稿：網友

相關文章：innerhtml

html dom insertrow() 方法
definition and usage
定義與用法
the insertrow() method is used to insert a new row in a specified position in a table.
insertrow()方法可用來往表格中的指定位置上插入新行

syntax 語法
tableobject.insertrow(index)//索引，增添新行

--------------------------------------------------------------------------------

example 舉例
<html>
<head>
<script type="text/javascript">
function insrow()
{
document.getelementbyid('mytable').insertrow(0)//在文檔中尋找控件
}
</script>
</head>
<body>
<table id="mytable" border="1">
<tr>
<td>row1 cell1</td>
<td>row1 cell2</td>
</tr>
<tr>
<td>row2 cell1</td>
<td>row2 cell2</td>
</tr>
</table>
<form>//表單內放置控件
<input type="button" onclick="insrow()"
value="insert new row before the first row">//value為控件上將要顯示的內容
</form>
</body>
</html>

在js方法中可以直接用成對標簽的id.innerhtml對標簽內容進行賦值而不需要在js方法中聲明變量

innerhtml是html標簽的屬性，成對出現的標簽大多數都有這個屬性 //標簽屬性
是開始標簽和結束標簽之間的字符，不包括標簽本身
比如
<p id="pp">aaaaaaaaaa<span id="ss">bbbbbbbb</span> </p>
這里的p標簽和span標簽嵌套在一起
那么pp.innerhtml的內容就是
aaaaaaaaaa<span id="ss">bbbbbbbb</span>
ss.innerhtml的內容就是
bbbbbbbb
=========================
類似的一個屬性是outerhtml
那么pp.outerhtml的內容就是
<p id="pp">aaaaaaaaaa<span id="ss">bbbbbbbb</span> </p>
ss.outerhtml的內容就是
<span id="ss">bbbbbbbb</span>