当前位置: 代码迷 >> 综合 >> Javascript教程—>前端大神必经之路 4 :javascript入门笔记-dom
  详细解决方案

Javascript教程—>前端大神必经之路 4 :javascript入门笔记-dom

热度:9   发布时间:2024-02-01 01:22:42.0

1.通过ID获取元素 


document.getElementById(“id”)

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.getElementById</title>
</head>
<body>
<p id="con">JavaScript</p>
<script type="text/javascript">var mychar=   document.getElementById("con")        ;document.write("结果:"+mychar); //输出获取的P标签。 
</script>
</body>
</html>

2. innerHTML 属性用于获取或替换 HTML 元素的内容。 


语法:Object.innerHTML

1.Object是获取的元素对象,如通过document.getElementById(“ID”)获取的元素。

2.注意书写,innerHTML区分大小写。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>innerHTML</title>
</head>
<body>
<h2 id="con">javascript</H2>
<p> JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页
  相关解决方案