我怎样才能得到元素html？

Question

我在 select 元素 html 中使用数据绑定：foreach，我想获取由 foreach 创建的子项。如何实现？

<select id="ClassNameEdit" class=" form-control">         
   <!-- ko foreach: ClassData -->
   <option id="test1" data-bind="text:ClassName,value:ClassId"></option>
   <!-- /ko -->
</select>

let a= document.getElementById('ClassNameEdit').children;

console.log(a.item(0)

它给了我 null

Answer 1

将 foreach 应用于 select 元素。 id's 也是唯一的，而不是将静态 id 分配给选项（这将创建重复的 id），将 classId 分配给 id 属性或生成一些随机数.

ko.applyBindings({
  people: [{
      firstName: 'Bert',
      id: '01'
    },
    {
      firstName: 'Charles',
      id: '02'
    },
    {
      firstName: 'Denise',
      id: '03'
    }
  ]
});

const options = document.getElementById('ClassNameEdit').children;
console.log(options[0]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<select id="ClassNameEdit" class=" form-control" data-bind="foreach: people">
  <option data-bind="text:firstName,value:id"></option>
</select>

我怎样才能得到元素html？

How can I get element html?

javascript

html

knockout.js