<script type="text/javascript">
function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
</script>
function hidetext()
{
var mychar = document.getElementById("con");
mychar.style.display="none";
}
function showtext()
{
var mychar = document.getElementById("con");
mychar.style.display="block";
}
</script>
2015-11-12
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="#CCC"
mychar.style.width="300px";
</script>
</body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor="#CCC"
mychar.style.width="300px";
</script>
</body>
2015-11-12
<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-12
document.getElementById(“id”) 這條語句獲取的是元素,包含開始標簽到結束標簽所有內容。想要輸出元素內容需要在其后尾使用.innerHTML /*innerHTML看它的英文單詞也可以明白就是里面的字符按html標記的語言格式取出來*/
2015-11-12
1. 元素節點:上圖中<html>、<body>、<p>等都是元素節點,即標簽。
2. 文本節點:向用戶展示的內容,如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節點:元素屬性,如<a>標簽的鏈接屬性href="http://www.xianlaiwan.cn"。
2. 文本節點:向用戶展示的內容,如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節點:元素屬性,如<a>標簽的鏈接屬性href="http://www.xianlaiwan.cn"。
<script type="text/javascript">
var mywin=window.open('http://www.xianlaiwan.cn'); //將新打的窗口對象,存儲在變量mywin中
mywin.close();
</script>
var mywin=window.open('http://www.xianlaiwan.cn'); //將新打的窗口對象,存儲在變量mywin中
mywin.close();
</script>
2015-11-12
例如:打開http://www.xianlaiwan.cn網站,大小為300px * 200px,無菜單,無工具欄,無狀態欄,有滾動條窗口:
<script type="text/javascript"> window.open('http://www.xianlaiwan.cn','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>
<script type="text/javascript"> window.open('http://www.xianlaiwan.cn','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>
2015-11-12