前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

JavaScript简单介绍 javascript的简介

getElementById

`getElementById()`是多个JavaScript HTML方法之一。

JavaScript 能够改变 HTML 内容

使用该方法来“查找” id="demo" 的 HTML 元素,并把元素内容(`innerHTML`)更改为 "Hello JavaScript":

实例:

document.getElementById("demo").innerHTML = "Hello JavaScript";
<!DOCTYPE html>

<html>

<body>

<h2>JavaScript 能做什么</h2>

<p id="demo">JavaScript 能够改变 HTML 内容。</p>

<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>点击我!</button>

</body>

</html>

点击“点击我!”

“Javascript 能够改变 HTML 内容。”变为“Hello Javascript!”

提示:JavaScript 同时接受双引号和单引号:

实例:

document.getElementById("demo").innerHTML = 'Hello JavaScript';
<!DOCTYPE html>

<html>

<body>

<h1>JavaScript 能做什么?</h1>

<p id="demo">JavaScript 可以更改 HTML 内容。</p>

<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">单击这里</button>

</body>

</html>

点击“单击这里”

“Javascript 能够改变 HTML 内容。”变为“Hello Javascript!”

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言