JavaScript 功能

• 

  JavaScript可以更改HTML内容

  许多JavaScript修改HTML方法之一是getElementById()。此示例使用该方法“查找”HTML元素（id=“demo”）并将元素内容（innerHTML）更改为“Hello JavaScript”：

  document.getElementById("demo").innerHTML = "Hello JavaScript";

  尝试一下

  JavaScript接受双引号和单引号：

  document.getElementById('demo').innerHTML = 'Hello JavaScript';

  尝试一下
• 

  JavaScript可以更改HTML属性值

  在此示例中，JavaScript更改<img>标记的src（source）属性的值：

  尝试一下
• 

  JavaScript可以更改HTML样式（CSS）

  更改HTML元素的样式是更改HTML属性的变体：

  document.getElementById("demo").style.fontSize = "35px";
  or
  document.getElementById('demo').style.fontSize = '35px';

  尝试一下
• 

  JavaScript可以隐藏HTML元素

  隐藏HTML元素可以通过更改display样式来完成：

  document.getElementById("demo").style.display = "none";
  or
  document.getElementById('demo').style.display = 'none';

  尝试一下
• 

  JavaScript可以显示HTML元素

  显示隐藏的HTML元素也可以通过更改display样式来完成：

  document.getElementById("demo").style.display = "block";
  or
  document.getElementById('demo').style.display = 'block';

  尝试一下