用js怎么给动态生成td单元格添加图片?

用js怎么给动态生成td单元格添加图片?,第1张

// 直接innerHTML

newTd0.innerHTML = '<img src="url" />'

// 用DOM方法

var img = new Image()

img.src = 'url'

newTd0.appendChild(img)

正规的添加表格行是 insertRow,添加单元格是 insertCell。而且你 createElement 里面需要是合法的 HTML 元素标签,例如 tr,td。

function btnCreatElemet_Click()

{

var Con=document.getElementById("lblNewElemet")

var row = Con.insertRow(0)

var cell = row.insertCell(0)

cell.innerHTML = "aaaaa"

}

下面是使用 createElement 创建 tr 和 td,但这样不标准

function btnCreatElemet_Click()

{

var Con = document.getElementById("lblNewElemet")

var tr = document.createElement("tr")

Con.appendChild(tr)

var td = document.createElement("td")

tr.appendChild(td)

td.innerHTML = "aaaaa"

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7971796.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存