JavaScript学习（一）_1.如需访问html元素,tavascript使用( 方法行不通。1 adesunent. gele-优快云博客

本文详细介绍了JavaScript如何操作HTML元素，包括通过id查找元素并修改其内容，以及页面加载完成后的onload事件应用。展示了JavaScript与HTML元素交互的基础知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注意：JavaScript对大小写是敏感的。

JavaScript使用Unicode字符集，JavaScript常用驼峰命名规则，如lastName。

脚本语言，浏览器会在读取代码时，逐行的执行脚本代码，不需编译的。

JavaScript输出

JavaScript没有任何打印或者输出的函数。

在HTML中，JavaScript通常用于操作HTML元素。

操作HTML元素

如需从JavaScript访问某个HTML元素，您可以使用document.getElementById(id)方法。

使用“id”属性来标识HTML元素，并innerHTML来获取或插入元素内容：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
 document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

document.getElementById("demo")是使用id属性来查找HTML元素的JavaScript代码。

innerHTML = "Paragraph changed."是用于修改元素的HTML内容（innnerHTML）的JavaScript代码。

frameset中的onload事件在页面载入完成后被触发。（所有主要浏览器都支持 onload 事件）

示例如下：

<html>
 <head>
 <script>
 function load()
 {
 alert("Page is loaded");
 }
 </script>
 </head>

 <frameset onload="load()" cols="50%,50%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
 </frameset>

 </html>