создать заголовок DOM с Javascript - PullRequest
Новая
       9

создать заголовок DOM с Javascript

0 голосов
/ 19 октября 2018

Я возился с Javascript и пытался создать простой заголовок.Я не получаю ошибок, просто простой пустой экран.Для простого document.createElement () это разочаровывает.Я получил ul в этом примере, но заголовок не работает 

var options = [
        set0 = ['Option 1','Option 2'],
        set1 = ['First Option','Second Option','Third Option']
    ];

function makeh1() {
    //header
    var header = document.createElement('h1');
    header.appendChild("Today's News");
    return header;
}

function makeUL(array) {
    // Create the list element:
    var list = document.createElement('ul');

    for (var i = 0; i < array.length; i++) {
        // Create the list item:
        var item = document.createElement('li');

        // Set its contents:
        item.appendChild(document.createTextNode(array[i]));

        // Add it to the list:
        list.appendChild(item);
    }

    // Finally, return the constructed list:
    return list;
}
//makeheader
document.getElementById('foo').appendChild(makeh1));
document.getElementById('foo').appendChild(makeUL(options[0]));

Ответы [ 2 ]

0 голосов
/ 19 октября 2018

Измените свой код на что-то вроде этого.

function makeh1() {
  //header
  var header = document.createElement('h1');
  var text = document.createTextNode("Todays News")
  header.appendChild(text);
  return header;
}

document.getElementById('app').appendChild(makeh1())
0 голосов
/ 19 октября 2018 
var options = [
    {set : ['Option 1','Option 2']},
    {set : ['First Option','Second Option','Third Option']}
];

function makeh1() {
//header
var header = document.createElement('h1');
header.append("Today's News");
return header;
}



function makeUL(array) {
// Create the list element:
var list = document.createElement('ul');

for (var i = 0; i < array.length; i++) {
    // Create the list item:
    var item = document.createElement('li');

    // Set its contents:
    item.append(document.createTextNode(array[i]));

    // Add it to the list:
    list.appendChild(item);
}

// Finally, return the constructed list:
return list;
}
//makeheader
document.getElementById('foo').appendChild(makeh1());
document.getElementById('foo').appendChild(makeUL(options[0].set));

ваш код должен измениться на

...