HTML基本属性解说
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1 初始化新事件对象的属性
语法
event.initEvent(eventType,canBubble,cancelable)
参数描述
eventType 字符串值。事件的类型。
canBubble 事件是否起泡。
cancelable 是否可以用 preventDefault() 方法取消事件。
说明
该方法将初始化 Document.createEvent() 方法创建的合成 Event 对象的type 属性、bubbles 属性和 cancelable 属性。只有在新创建的 Event 对象被Document 对象或 Element 对象的 dispatchEvent() 方法分派之前，才能调用Event.initEvent() 方法。
2 innerHTML 属性设置或返回一个链接的内容。
语法
anchorObject.innerHTML=text
实例
下面的例子将更改一个链接的文本、URL 以及 target：
<html>
<head>
<script type="text/javascript">
function changeLink()
{
document.getElementById('myAnchor').innerHTML="W3School"; document.getElementById('myAnchor').href="" ;
document.getElementById('myAnchor').target="_blank";
}
</script>
</head>
<a id="myAnchor" href="">Microsoft</a>
<input type="button" onclick="changeLink()" value="Change link">
</body>
</html>
3 innerHTML 属性可设置或返回单元格的开始标签和结束标签之间的 HTML。语法
tabledataObject.innerHTML=text
实例
下面的例子返回了表元的 inner HTML：
<html>
<head>
<script type="text/javascript">
function alertInnerHTML()
{
alert(document.getElementById("td1").innerHTML);
}
</script>
</head>
<body>
<table border="1">
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td id="td1">Peter</td>
<td id="td1">Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick=alertInnerHTML()
value="Alert innerHTML" />
</body>
4 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。语法
tablerowObject.innerHTML=HTML
实例
下面的例子返回了表格行的 inner HTML：
<html>
<head>
<script type="text/javascript">
function getInnerHTML()
{
alert(document.getElementById("tr1").innerHTML);
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick="getInnerHTML()"
value="Alert innerHTML of table row" />
</body>
</html>
5 images 集合可返回对文档中所有 Image 对象的引用。