通过Javascript操作HTML控件时的好习惯 [英] Good practice when manipulating HTML controls via Javascript

问题描述

操作HTML控件的好方法是什么？

What is a good way to manipulating HTML controls?

通过创建HTML元素？

By creating HTML element?

var select = document.getElementById("MyList");
var options = ["1", "2", "3", "4", "5"];
for (var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.Text = opt;
    el.value = opt;
    el.innerHTML = opt;
    select.appendChild(el);
}

或者通过操纵HTML：

Or by manipulating HTML:

    var options = new Array(2);
    options [0] = '1';
    options [1] = '2';

    options [0] = '<option>' + options [0] + '</option>';
    options [1] = '<option>' + options [1] + '</option>';

    var newHTML = '<select>' + options [0] + options [1] + '</select>';
    selectList.innerHTML = newHTML;

哪一个是好习惯？在特定条件下是否比其他人更受欢迎？

Which one of these is a good practice? Is one preferred over other in specific conditions?

推荐答案

始终是第一种方法。如果您使用的是innerhtml样式，则浏览器会自行创建。

Always 1st approach. if you are using innerhtml style, browser is creating itself.

这篇关于通过Javascript操作HTML控件时的好习惯的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！