gpt4 book ai didi

javascript - createTextNode 用不需要的引号包围我的选择列表

转载 作者:行者123 更新时间:2023-12-02 18:47:00 25 4
gpt4 key购买 nike

我想使用按钮将选择列表添加到我的网站。我需要使用节点,因为我需要能够在 DOM 中访问它,以便稍后可以检索它的值,因此我无法使用 innerHTML。

我的问题是 createTextNode 似乎用引号将我的列表括起来,因此它不会显示。谁能帮帮我

<!doctype html>
<html>
<head>
<title> Pop Up </title>

<script>
function change()
{
var theDiv = document.getElementById("dropDownList");
var content = document.createTextNode("<select name='scrapbookID' id='scrapbookID'><option value='15'>one</option><option value='18'>two</option><option value='20'>three</option><option value='21'>four</option></select>");

theDiv.appendChild(content);
}
</script>

<style type = "text/css">


</style>


</head>
<body>

<div id = "signout">
Your are Currently signed in.<br />
<a href = "#" id = "signOutPHP">Sign Out</a>
<div id = "dropDownList">
<button onclick="change()">Add List</button>

</div>
</div>

</body>

最佳答案

您需要的是 .createElement() 它创建一个给定的元素,其中 createTextNode 创建具有给定内容的文本节点。

function change()
{
var theDiv = document.getElementById("dropDownList");

var select = document.createElement('select');
select.name = 'scrapbookID';
select.id = 'scrapbookID';
select.innerHTML = "<option value='15'>one</option><option value='18'>two</option><option value='20'>three</option><option value='21'>four</option>"

theDiv.appendChild(select);
}

演示:Fiddle

关于javascript - createTextNode 用不需要的引号包围我的选择列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16265258/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com