0

我用javascript编写了一个代码，它p动态地创建一个属性以及一个删除内容的按钮。该功能removeValue在 Chrome 和 Firefox 中运行良好，但在 IE 中不起作用。此外，setAttribute('style','')在 IE 中也不起作用。最后，当我将值发送到另一个页面时，使用window.location它发送undefined而不是文本。

一切似乎在 Firefox 和 Chrome 中运行良好，但我无法让它在 IE 中运行（目前使用 IE 7）。我该如何解决这个问题？

编码：

function removeValue(ob)
{
    ob.parentNode.parentNode.removeChild(ob.parentNode);
}
function throwval(obj)
{
    var sent_id = obj.id;     //get id of the button 
    var v = document.getElementById(sent_id).value;
    var newp = document.createElement("p");     //create a new <p> tag
    var text = document.createTextNode(v);
    var buttonnode= document.createElement('input');
    buttonnode.setAttribute('type','button');
    buttonnode.setAttribute('name','del');
    buttonnode.setAttribute('value','Remove');
    buttonnode.setAttribute('style','background-color: Transparent;width: 125;color: blue;border:0');
    buttonnode.setAttribute('onclick','removeValue(this)');
    newp.appendChild(text);
    newp.appendChild(buttonnode);
    document.getElementById("getselected").appendChild(newp);    //append the new <p> tag in the div    
}
function sendvalues()
{
    var div_val = document.getElementById("getselected");
    if(!div_val.getElementsByTagName("p").length)
    {
        alert("Select a value");
    }
    else
    {
        //get seperate values of the paragraph inside div
        var str="|";
        for (i=0; i < div_val.getElementsByTagName("p").length; i++)
        {
            var paragraphs = div_val.getElementsByTagName("p");
            if(!paragraphs.item(i).textContent)
        {
            var pvalues = paragraphs.item(i).innerText;
        }
        else 
        {
            var pvalues = paragraphs.item(i).textContent;
        }
            //var sendpvalues = "products=" + pvalues;
            // alert(pvalues);

            str = str + pvalues + "|";
            //alert (str);
            //ajaxOb.send(sendpvalues);

        }   
        // alert(str);
        window.location="send_data.php?str="+str;
    }
}

原来IE支持' innerText'，firefox支持' textContent'。我undefined通过使用 ' if' 语句解决了这个问题。代码更新

4

1 回答 1

0

IE 的setAttribute函数和事件处理程序存在问题。（在此处阅读。）除了 . 之外，还使用该onclick属性setAttribute。

buttonnode.setAttribute('onclick','removeValue(this)');
buttonnode.onclick = function() { removeValue(buttonnode); };
于 2013-04-14T14:44:03.573 回答