如何用GopherJS修改div内表格指定td单元格数据?是否需额外ID?
问题解答
直接用IDexpirydata获取元素完全可行——HTML规范里ID是全局唯一的,只要这个ID在整个页面只出现一次,GopherJS里直接调用document.GetElementById("expirydata")就能精准定位到目标td,没必要额外给父级的行、表格或div加ID。
但如果你的页面里存在多个相同结构的模板(也就是会有多个类似expirydata的td),全局唯一ID就不适用了,这时候才需要给父级元素(比如表格或行)加唯一标识,再通过层级关系定位:
- 给表格加ID,比如修改为
<table class="table" id="result-table-1">,然后先获取表格再找td:table := document.GetElementById("result-table-1") td := table.QuerySelector("td#expirydata") - 或者给行加ID,比如
<tr id="result-row-1">,再通过行获取td:row := document.GetElementById("result-row-1") td := row.QuerySelector("td")
总结:
- 单模板场景:直接用td的唯一ID就够,不用多此一举定位父级
- 多模板重复场景:给每个模板的父容器(表格/行)加唯一ID,通过父级定位内部td,避免ID冲突
内容的提问来源于stack exchange,提问作者Edwinner
相关产品推荐
相关产品推荐

