问如何在javascript变量中向html代码添加属性？
EN

Stack Overflow用户

提问于 2018-03-04 03:43:11

回答 1查看 43关注 0票数 0

通过以下html和js代码

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
var get = $(".parent").html();
// Now I want to add some properties to div with "hello-world-2" class in html code of get variable
</script>
</head>
<body>
<div class="parent">
<div class="hello-world">
            <div class="hello-world-2">
           <h1 class="hello-world-3" style="padding-top:10px;">simple</h1>
            </div>
            <div class="hello-world-4">
            </div>
        </div>
</div>
</body>
</html>

在这里，我想向div添加一些属性，比如id，或者在div中添加另一个div，类为"hello-world-2“，或者添加一些cutom标记，如

h1标签、img标签等

现在，我在html中的" get“变量中有了div的代码，我想在div中添加一个id，其中包含"hello-world-2”类，不是原始代码，而是get变量中的hmtl代码，可以吗？谢谢

jquery

html

javascript

回答 1

Stack Overflow用户

发布于 2018-03-04 03:50:54

这应该是可行的：

var e1 = document.getElementById('someId').id = 'otherId';
var e2document.getElementsByClassName('hello-world-2')[0].id = 'someId';

var newElement = document.createElement('div');
newElement.id = 'someId';
newElement.classList.add('someClass');
newElement.setAttribute('custom-attr', 'ca');

var newElement2 = document.createElement('h1');
newElement2.innerHTML = 'HEADER';

e1.appendChild(newElement);
e2.appendChild(newElement2);

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49091762

复制

相似问题

问如何在javascript变量中向html代码添加属性？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在javascript变量中向html代码添加属性？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在javascript变量中向html代码添加属性？
EN