[英]How to create html element using JavaScript and create class/id to it
我想使用 JavaScript 創建 html 元素並添加 class 或 id，以便稍后編輯此元素。
我知道如何創建元素：
<html> <body> <div id="new"> <p id="p1">a</p> <p id="p2">b</p> </div> <script> var tag = document.createElement("p"); var text = document.createTextNode("c"); tag.appendChild(text); var element = document.getElementById("new"); element.appendChild(tag); </script> </body> </html>
但我不知道如何在開始時將 class 或 id 添加到沒有 id 或 class 的元素。
你可以這樣做：
<script>
let myP = document.createElement("p");
// If you need change CSS you can do it like:
myP.setAttribute("style", "color: red");
myP.id='myP-ID'
myP.className = 'myP-Class'
myP.innerHTML = "SomeText for my P tag";
document.body.appendChild(myP);
</script>
您可以添加 class：
tag.classList.add("gg");
您可以添加 class 和 ID：
tag.setAttribute("id", "ff");
tag.setAttribute("class", "bb");
you can simply target the id where you want create the element and then just create the element and give it text content and just append it ,simple.
<script>
const parentdiv = document.querySelector(".new");
let tag = document.createElement("p");
tag.textContent = 'c';
tag.id = p3;
parentdiv.appendChild(tag);
</script>
如何使用JavaScript在特定InnerHTML上沒有ID的類HTML元素上創建ID？
[英]How do I create ID on a class HTML element on specific InnerHTML has no ID, with JavaScript?
在 html/css/javascript 中使用 for 循環創建 element_id-value
[英]create the element_id-value using for loop in html/css/javascript
如何用JavaScript創建一個元素，給它一個ID，然后在其中創建另一個元素？
[英]How to create an element with JavaScript, give it an ID, then create another element inside of it?
如何使用javascript在html頁面中動態創建元素？
[英]How to create an element dynamically in an html page using javascript?
如何使用 JavaScript 創建具有屬性和事件的 HTML 元素？
[英]How do I create an HTML element with attributes and events using JavaScript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.