HTML文檔可以說由節點構成的集合,三種常見的DOM節點:
1. 元素節點:上圖中<html>、<body>、<p>等都是元素節點,即標簽。
2. 文本節點:向用戶展示的內容,如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節點:元素屬性,如<a>標簽的鏈接屬性href="http://www.xianlaiwan.cn"。
1. 元素節點:上圖中<html>、<body>、<p>等都是元素節點,即標簽。
2. 文本節點:向用戶展示的內容,如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節點:元素屬性,如<a>標簽的鏈接屬性href="http://www.xianlaiwan.cn"。
document.getElementById(“id”) 這條語句獲取的是元素,包含開始標簽到結束標簽所有內容。想要輸出元素內容需要在其后尾使用.innerHTML /*innerHTML看它的英文單詞也可以明白就是里面的字符按html標記的語言格式取出來*/
2015-11-19
改變 <p> 元素的樣式,將顏色改為紅色,字號改為20,背景顏色改為藍:
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>
<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>
2015-11-18
<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>
var mychar=document.getElementById("con") ;
document.write("原標題:"+mychar.innerHTML+"<br>"); //輸出原h2標簽內容
mychar.innerHTML="Hello world!";
document.write("修改后的標題:"+mychar.innerHTML); //輸出修改后h2標簽內容
</script>
2015-11-18
<html>
<head>
<title>***</title>
<script type="text/javascript">
var score=80;
if(score>=60)
{
document.write("");
}
else{
document.write("");
}
<script>
</head>
<body>
</body>
</html>
<head>
<title>***</title>
<script type="text/javascript">
var score=80;
if(score>=60)
{
document.write("");
}
else{
document.write("");
}
<script>
</head>
<body>
</body>
</html>
2015-11-17
//定義"取消設置"的函數
function cancel(){
var btn5 = document.getElementsByTagName('input')[4];
var text = document.getElementById('txt');
btn5.onclick = function(){
if(confirm){
text.removeAttribute('style');
}
}
}
cancel();
function cancel(){
var btn5 = document.getElementsByTagName('input')[4];
var text = document.getElementById('txt');
btn5.onclick = function(){
if(confirm){
text.removeAttribute('style');
}
}
}
cancel();