在JavaScript中使用<li>
创建一个<ul>
,并使用文本使<li>
类型为复选框,可以通过以下代码实现:
// 创建<ul>元素
var ul = document.createElement('ul');
// 创建<li>元素,并设置类型为复选框
var li1 = document.createElement('li');
li1.innerHTML = '<input type="checkbox"> Item 1';
var li2 = document.createElement('li');
li2.innerHTML = '<input type="checkbox"> Item 2';
var li3 = document.createElement('li');
li3.innerHTML = '<input type="checkbox"> Item 3';
// 将<li>元素添加到<ul>元素中
ul.appendChild(li1);
ul.appendChild(li2);
ul.appendChild(li3);
// 将<ul>元素添加到页面中的某个容器中
var container = document.getElementById('container');
container.appendChild(ul);
上述代码通过JavaScript动态创建了一个<ul>
元素,并使用<li>
元素和文本创建了三个带有复选框的列表项。最后,将<ul>
元素添加到页面中的某个容器中(容器的id为container
)。
这样就实现了在JavaScript中使用<li>
创建一个<ul>
,并使用文本使<li>
类型为复选框的功能。
请注意,以上代码仅为示例,实际应用中可能需要根据具体需求进行适当修改。
领取专属 10元无门槛券
手把手带您无忧上云