本文通过一个简单的HTML页面示例介绍了如何使用JavaScript与HTML元素进行交互。具体展示了如何通过JavaScript获取HTML元素、读取其属性及内容，并对其作出响应。此示例还涉及了JavaScript函数的定义和调用，以及如何通过点击事件触发JavaScript函数。
<html>
<head>
<title></title>
<style type="text/css">
<!--
.abc{text-decoration: line-through;};
.abcd{};
-->
</style>
</head>
<body>
<script language="javascript">
function Test(obj)
{
alert(Test); //显示Test函数的整个定义代码，即本函数的内容
alert(obj.tagName); // 显示:A
var o = obj.parentElement;
alert(o.tagName); // 显示:TD
alert(o.innerHTML); //显示:<a href=# onclick="Test(this)" >aaaaaa</a>
var o = o.parentElement;
alert(o.tagName); // 显示:TR
//
o.className = ""; //清空本行的删除线
}
</script>
<table>
<tr class="abc">
<td>ddddd</td><td>aaaaaa</td>
</tr>
<tr class="abc">
<td>ddddd</td><td><a href=# onclick="Test(this)" >aaaaaa</a></td>
</tr>
</table>
</body>
</html>
扫一扫
1384
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
