1
你好,我是新的,嘗試創建DOM,但我與appendChild奇怪的問題卡住,而第一次嘗試和第二次的作品,但第三我完全不知道。 這是我的HTML:JS-DOM創建,appendChild不能執行?
<html>
<head>
<title>Tugas Anchor DOM!</title>
</head>
<body>
<div id="main">
</div>
<script src="script.js"></script>
</body>
</html>
,我將與DOM轉換HTML這樣的:
<html>
<head>
<title>Tugas Anchor DOM!</title>
</head>
<body>
<div id="main">
<div id="content">
<div class="content-post">
<h1>Judul Post</h1> <!-- IM STUCK HERE -->
<button class="share-post-btn">Share this Post</button>
</div>
<div class="content-post">
<h1>Judul Post 2</h1>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
,但林堅持創造h1
一個新的appendChild這是DOM另一newChild對象了。 這裏是我的JS:
var menu = document.getElementById("main");
var mainDiv = document.createElement("div");
var newDiv1 = document.createElement("div");
var newDiv2 = document.createElement("div");
var newH1 = document.createAttribute("h1");
var newButton = document.createAttribute("button");
var createId = document.createAttribute("id");
var createAtt = document.createAttribute("class");
createId.value ="content";
createAtt.value = "content-post";
//top
mainDiv.setAttributeNode(createId);
menu.appendChild(mainDiv);
//1st
newDiv1.setAttribute('class','content-post');
mainDiv.appendChild(newDiv1);
var judul1 = newDiv1.appendChild(newH1); //appendChild can't be executed here ?
// judul1.innerHTML = "Judul Post";
//2nd
newDiv2.setAttribute('class','content-post');
mainDiv.appendChild(newDiv2);
OK THX,我沒有注意到,40分鐘++試着找出方法 - 呼叫問題LOL –
@DellWatson我編輯了我的迴應與一個工作示例 – mattias