JS 基础 - JavaScript 简介 - 《JavaScript Node.js 全栈》

HTML内容
HTML属性
HTML隐藏
HTML显示

学习地址：https://www.w3school.com.cn/js/index.asp
JavaScript能改变

	备注
HTML 内容	接受单双引号	document.getElementById(“demo”).innerHTML = “Hello JavaScript”;
		document.getElementById(“demo”).innerHTML = ‘Hello JavaScript’;
HTML 属性		document.getElementById(“demo”).style.fontSize = “25px”;
HTML 元素	隐藏	document.getElementById(“demo”).style.display=”none”;
	显示	document.getElementById(“demo”).style.display=”block”;

HTML内容

<p id="demo">JavaScript 能够改变 HTML 内容。</p>
<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>点击我！</button>

HTML属性

<p>在本例中，JavaScript 改变了图像的 src 属性值。</p>
<button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button>
<img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;">
<button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>

HTML隐藏

<p id="demo">JavaScript 能够隐藏 HTML 元素。</p>
<button type="button" onclick="document.getElementById('demo').style.display='none'">
点击我！
</button>

HTML显示

<p id="demo" style="display:none">Hello JavaScript!</p>
<button type="button" onclick="document.getElementById('demo').style.display='block'">
点击我！
</button>

按钮

<button type="button" onclick='*'>