html中的替换元素是什么？

html-css08

html中的替换元素是什么？,第1张

html：

<div id='divContainer'>

<div id='divBeReplaced'>被替换的元素</div>

</div>

1.使用DOM对象添加元素

var elemOld = document.getElementById('divBeReplaced')

var elemParent = elemOld.parentNode

var elemNew = document.createElement('div')

elemNew.innerHTML = '新的元素'

elemParent.replaceChild(elemNew, elemOld)

2.使用JQuery添加元素

$("#divBeReplaced").replaceWith("<b>Hello world!</b>")

写一个js事件，在你需要输入的<input id="yyy" .... οnblur="tianchong">(添加一个失去焦点事件),然后写个填充函数

function tianchong(){

var a = document.getelementbyid(yyy).value（获取yyy输入框的值）

var b = document.getElementById('xxx')（获取要替换的a标签id是xxx）

var c = document.getElementById('xxx2')（获取要替换的a标签id是xxx）

b.setAttribute('href', a)替换

c.setAttribute('href', a)

}