javascript - 在IE中动态设置输入元素的id属性：setAttribute方法的替代方法(setting the id attribute of an input element dynamically in IE: alternative for setAttribute method)

Question

I'm looking at dynamically setting the ID attribute of HTML Input elements which are created dynamically in my application.(我正在考虑动态设置在我的应用程序中动态创建的HTML输入元素的ID属性。)

My implementation works fine with the setAttribute method in Firefox.(我的实现在Firefox中使用setAttribute方法可以正常工作。) Any ideas or solutions on a working implementation in IE would be appreciated.(有关IE中工作实现的任何想法或解决方案将不胜感激。) var hiddenInput = document.createElement("input"); hiddenInput.setAttribute("id", "uniqueIdentifier"); hiddenInput.setAttribute("type", "hidden"); hiddenInput.setAttribute("value", ID); hiddenInput.setAttribute("class", "ListItem"); I modified some sample code from blogs relating to this problem that suggest the following workround.(我修改了一些示例代码，这些代码来自与此问题相关的博客，提示以下workround。) Again the Firefox bit works well but the IE bit doens't(Firefox位运行良好，但IE位不行) var hiddenInput = null; try { hiddenInput = document.createElement('<input name=''+"hiddenInputName"+'' />'); hiddenInput.id = "uniqueIdentifier"; //alert(document.getElementById("uniqueIdentifier")); hiddenInput.type = "hidden"; } catch (e) { } if (!hiddenInput || !hiddenInput.name) { // Not in IE, then var hiddenInput = document.createElement("input"); hiddenInput.setAttribute("id", "uniqueIdentifier"); hiddenInput.setAttribute("type", "hidden"); } Cheers.(干杯。)   ask by Terman translate from so

Answer 1

This code work in IE7 and Chrome:(此代码适用于IE7和Chrome：)

var hiddenInput = document.createElement("input"); hiddenInput.setAttribute("id", "uniqueIdentifier"); hiddenInput.setAttribute("type", "hidden"); hiddenInput.setAttribute("value", 'ID'); hiddenInput.setAttribute("class", "ListItem"); $('body').append(hiddenInput); Maybe problem somewhere else ?(也许在其他地方有问题？)