Question

我一直在尝试在我的一个项目中使用此代码：

目前形式的代码使用：

var byId = function (id) { return document.getElementById(id); }
    base = difflib.stringAsLines(byId("baseText").value),
    newtxt = difflib.stringAsLines(byId("newText").value),

但是我想尝试使用名称字段：

var byName = function (name) { return document.getElementsByName(name); }
    base = difflib.stringAsLines(byName("field1")[0].value),
    newtxt = difflib.stringAsLines(byName("field2")[0].value),

附加子代码如下：

        diffoutputdiv.appendChild(diffview.buildView({
            baseTextLines: base,
            newTextLines: newtxt,
            //opcodes: opcodes,
            baseTextName: "Base Text",
            newTextName: "New Text",
            contextSize: contextSize,
            viewType: viewType
    }));

我还在html中添加了' name="field1" '。

可以在此处找到完整的来源：Pastebin Code 我一直得到的错误是：

Uncaught TypeError: Object #<NodeList> has no method 'appendChild' demo.html:69
diffUsingJS demo.html:69
onclick demo.html:98

返回的数据等同于原始的byID数据集。请帮忙。

Answer 1

在您的代码中：

//diffoutputdiv = byId("diffoutput"),
diffoutputdiv = byName("diffoutput"),

在从byId到byName的转换中，您忘记从返回的匹配列表中获取元素。同样，getElementsByName返回节点列表，getElementById返回单个节点。

diffoutputdiv = byName("diffoutput")[0]

尝试获取document.getElementsByName（name）时出错

1 个答案: