DOM和BOM

時間 2019-11-20

標籤 dom bom 欄目 HTML 简体版

原文原文鏈接

BOM（Browser Object Model）是指瀏覽器對象模型，它使 JavaScript 有能力與瀏覽器進行「對話」。html

DOM （Document Object Model）是指文檔對象模型，經過它，能夠訪問HTML文檔的全部元素。瀏覽器

如下是個人示例：ide

<!DOCTYPE html>

<head>

</head>

<body>

<h1>DOM和BOM應用實例：</h1>

<p id="con">這是隱藏和顯示的效果。</p>

<form>

</form>

<p id="intro">這是DOM和BOM的查找實例：</p>

<p>這是一個例句！！！</p>

<p id="p1">這是原來的句子</p>

<p>如下例子是用id來尋找元素：</p>

<p>如下例子是用標籤名稱來尋找元素：</p>

function hidetext()

{

var mychar = document.getElementById("con");

mychar.style.display="none";

}

function showtext()

{

var mychar = document.getElementById("con");

mychar.style.display="block";

}

var myElement = document.getElementById("intro");

document.getElementById("demo").innerHTML =

"The text from the intro paragraph is: " + myElement.innerHTML;

var x = document.getElementsByTagName("p");

document.getElementById("demo1").innerHTML =

'The second paragraph (index 1) is: ' + x[2].innerHTML;

document.getElementById("p1").innerHTML = "本句是用js更改後的句子";

</script>

</body>

</html>

1. DOM和BOM
2. BOM 和 DOM
3. BOM和DOM
4. day48-BOM和DOM
5. 【JavaScript】BOM和DOM
6. JavaScript BOM和DOM
7. JS(DOM 和 BOM)
8. bom和dom
9. DOM和BOM操做
10. 前端--BOM和DOM
更多相關文章...
• XML DOM - 屬性和方法 - XML DOM 教程
• XLink 和 XPointer 語法 - XLink 和 XPointer 教程
• IntelliJ IDEA 代碼格式化配置和快捷鍵
• 適用於PHP初學者的學習線路和建議

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。