1 <span id="outer" value="这是outer">
2     <span id="mid" value="这是mid">
3         <span id="inner" value="这是inner">text</span>
4         <input type="text" id="input" value="这是input的内容"/>
5     </span>
6 </span>

 1 var outer = document.getElementById(‘outer‘);
 2 var mid = document.getElementById(‘mid‘);
 3 var inner = document.getElementById(‘inner‘);
 4 var input = document.getElementById(‘input‘);
 5 
 6 console.log(‘outer的value是‘ + outer.value);
 7 console.log(‘outer的innerHTML是‘ + outer.innerHTML);
 8 console.log(‘outer的outerHTML是‘ + outer.outerHTML);
 9 console.log(‘outer的innerText是‘ + outer.innerText);
10 
11 console.log(‘mid的value是‘ + mid.value);
12 console.log(‘mid的innerHTML是‘ + mid.innerHTML);
13 console.log(‘mid的outerHTML是‘ + mid.outerHTML);
14 console.log(‘mid的innerText是‘ + mid.innerText);
15 
16 console.log(‘inner的value是‘ + inner.value);
17 console.log(‘inner的innerHTML是‘ + inner.innerHTML);
18 console.log(‘inner的outerHTML是‘ + inner.outerHTML);
19 console.log(‘inner的innerText是‘ + inner.innerText);
20 
21 console.log(‘input的value是 ‘ + input.value);
22 console.log(‘input的innerHTML是‘ + input.innerHTML);
23 console.log(‘input的outerHTML是‘ + input.outerHTML);
24 console.log(‘input的innerText是‘ + input.innerText);