Javascript appendChild和代码不工作

fcy6dtqo  于 2022-11-20  发布在  Java
关注(0)|答案(1)|浏览(145)

我是一个Javascript新手,我的程序语法有很多问题,下面的程序有什么问题?我试图创建一个函数,它接受两个数组中的一个对象的参数。这些对象在DOM中不存在,但我想在单击时改变颜色。

let availableLibraries = [
 { id: 1, name: 'express' },
 { id: 2, name: 'async' },
 { id: 3, name: 'request' },
 { id: 4, name: 'browserify' },
 { id: 5, name: 'grunt' },
];

let librariesForInstallation = [
 { id: 6, name: 'socket.io' },
 { id: 7, name: 'mocha' },
];

let selectedLibrary = null;

const selectLibrary = function (library) {
// TODO: implement
let newDiv=document.createElement('div');
let newContent=document.createTextNode(library);
document.newDiv.appendChild(newContent);
newDiv.setAttribute('id', 'selected');
document.getElementById('selected').style.backgroundColor='pink';
document.getElementById('selected').style.borderBottomColor='red';
selectedLibrary = {
id:library.id, name:library.name};

相关问题