Question

var subjectList;

function PageMaster()
{
    this.contentDiv = document.getElementById("content");
}

/**
 * Builds the main part of the web page based on the given XML document object
 *
 * @param {Object} xmlDoc   the given XML document object
 */

PageMaster.prototype.doIt = function(xmlDoc)

{
    alert("PageMaster()");

alert("Clear page...");
this.contentDiv.innerHTML = "";

if (null != xmlDoc) 
{
    alert("Build page...");

    //create div Post
    var divPost = document.createElement("div");
    divPost.className = "post";

    //create h1 element
    var h1Element = document.createElement("h1");
    var headingText = document.createTextNode("Invitations");
    h1Element.appendChild(headingText);

    //insert h1 element into div post
    divPost.appendChild(h1Element);

    subjectList = xmlDoc.getElementsByTagName("subject");   
    var groupList = xmlDoc.getElementsByTagName("group");

    for (var i = 0; i < subjectList.length; i++) //for each subject
    {
        var divEntry = document.createElement("div");
        divEntry.className = "entry";

        var subjectNum = subjectList[i].attributes[0].nodeValue;
        var subjectName = subjectList[i].attributes[1].nodeValue;
        var groupId = groupList[i].attributes[0].nodeValue;
        var groupName = groupList[i].attributes[1].nodeValue;
        var ownerId = groupList[i].attributes[2].nodeValue;

        //set up the invitation table attributes    
        var table = document.createElement("table");
        table.width = 411;
        table.border = 3;
        table.borderColor = "#990000"

        tableRow = table.insertRow(0);
        tableCell = tableRow.insertCell(0);

        var cellContent = "";

        //create invitation message
        var invitationMsg = "<p>Subject : " + subjectNum + " - " + subjectName + "</p>";
        invitationMsg += "<p>You are invited to join " + groupName + " (groupId : " + groupId + ") by owner Id:" + ownerId + "</p>";
        cellContent += invitationMsg;

        //create buttons
        cellContent += "<input type='button' id='acceptButton" + i + "' value='Accept' onclick='acceptInvitation(i)'>"
        cellContent += "<input type='button' id='declineButton" + i + "' value='Decline'>"

        tableCell.innerHTML = cellContent;

        divEntry.appendChild(table);

        var blankSpace = document.createElement("p");
        divEntry.appendChild(blankSpace);
        divPost.appendChild(divEntry); 
    }

    //insert div post into div content
    this.contentDiv.appendChild(divPost);
    }
};

function acceptInvitation(i)
{
    alert("hello");
    //alert(subjectList[i].attributes[0].nodeValue);
}

以上是我的javascript代码的摘录。代码的作用是使用accept和decline按钮从xml文件创建一个邀请组表。当用户按下“接受”时，表格将消失，下表将向上移动。现在我只测试我的接受邀请按钮，看它是否有效。但是我接受按钮中的onclick功能由于某种原因我无法理解。未读取acceptInvitation（）中的警报。任何帮助将不胜感激。感谢

Answer 1

怎么样：

cellContent += "[...] onclick='acceptInvitation("+i+")'>"

这确保使用变量的值而不是文字

来评估i

Answer 2

尝试像这样调用它

onclick='acceptInvitation();'

不喜欢这个

onclick='acceptInvitation(i)'

Answer 3

虽然可能没有解决核心问题，但

onclick='acceptInvitation(i)'

在这种情况下i将是未定义的。

onclick='acceptInvitation("+i+")'

至少可以解决一个问题。此外，您正在使用innerHTML和DOM方法的不寻常混合。为什么不坚持使用DOM方法并使用attachEvent / AddEventListener？

编辑：一个单独的列表有关于http://www.alistapart.com/articles/getoutbindingsituations/

的变量绑定的好文章

以下是一个有点专业的例子。有关更一般化的案例（或使用像Prototype这样的库）

，请参阅文章

var click_hdlr = function() {
    return function() {
        return acceptInvitation.apply(this,arguments);
    }
}

var acc_btn = document.createElement("input");
acc_btn.setAttribute("type","button");
acc_btn.setAttribute("id","accept");
acc_btn.setAttribute("value","Accept");
acc_btn.addEventListener("click",click_hdlr(i),false);

Answer 4

不知道这是什么导致你的问题，但你的输出onclick ='acceptInvitation（i）'我猜你要输出acceptInvitation（value-of-i），即acceptInvitation（“+ i +”）

onclick事件没有解雇

4 个答案: