javascript-3-20161218-CSDN博客

通过ID获取元素：document.getElementById(“id”)

innerHTML 属性
 
 
  
  
   
   innerHTML 属性用于获取或替换 HTML 元素的内容。
   
   语法:
   
   
    
    Object.innerHTML
   
   
   
   注意:
   
   1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
   
   2.注意书写，innerHTML区分大小写。
   
   我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容，代码如下:
  
  
 
 
<!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文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。</p>
<script type="text/javascript">
  var mychar= document.getElementById("con")          ;
  document.write("原标题:"+mychar.innerHTML+"</br>"); //输出原h2标签内容
  mychar.innerHTML="hello world";
  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>
</body>
</html>

改变 HTML 样式
 
 
  
  
   
   HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？
   
   语法:
   
   
    
    Object.style.property=new style;
   
   
   
   注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
   
   基本属性表（property）:
   
   
   
   注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。

显示和隐藏（display属性）
 
 
  
  
   
   网页中经常会看到显示和隐藏的效果，可通过display属性来设置。
   
   语法：
   
   Object.style.display = value
   
   注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
   
   value取值:none和block