DOM脚本Javascript，设置元素值
DOM脚本Javascript，设置元素值
提问于 2014-04-22 02:14:18
我的目标是通过点击另一个按钮将一个按钮添加到屏幕上。我可以成功地添加它们，但它们是空白的(即，无文本)。
我尝试使用此技术设置该值：
addButton.setAttribute("value", "Click Me");这失败了，奇怪的是我能够用setAttribute函数成功地设置元素ID。
然后，我尝试了以下方法：
var x = document.getElementById("buttonId");
x.value="Click Me";以上操作导致按钮根本不能添加。
也许我遗漏了一些东西，但我想不出为什么第一种方法不起作用。
注意:这些按钮都是动态创建的，因此标准：
<input type="button" value="click me"/>这还不够。
感谢您的帮助。
回答 2
Stack Overflow用户
发布于 2014-04-22 02:24:47
function addButton(elementId, value, name, type) {
//Create an input type dynamically.
var element = document.createElement("input");
//Assign different attributes to the element.
element.type = type;
element.value = value; // Really? You want the default value to be the type string?
element.name = name; // And the name too?
var foo = document.getElementById(elementId);
//Append the element in page (in span).
foo.appendChild(element);
}尝尝这个。
示例小提琴：http://jsfiddle.net/kailashyadav/4Q8Fd/
Stack Overflow用户
发布于 2014-04-22 02:59:20
下面是一个按钮的代码，关联的jsfiddle
$('#createButton').on('click', function () {
var button = document.createElement('button');
button.innerHTML = 'hello';
button.setAttribute('type', 'button');
$('#placeForButton').html(button);
});注我设置了innerHTML，因为input依赖于value属性，而button依赖于打开和关闭的HTML属性。因此，标记之间的值是设置button文本的值。这将转换为innerHTML。
我只使用JQuery将事件绑定到按钮单击。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23203173
复制相关文章
相似问题
腾讯云开发者
