javascript生成html文件！

JavaScript019

javascript生成html文件！,第1张

方法一：

//createElement()创建input元素到obj对象中

var obj = document.createElement('input')

//选择要生成地点的前一个元素

var before = document.getElementById('before')

//设置obj元素名，值

obj.name='name'

obj.value='value'

//setAttribute是可以自由定义属性的，不仅id和type，name和value也可以在这定义

obj.setAttribute('id','idname')

obj.setAttribute('type','typename')

//在前一个元素后面添加obj

before.appendChild(obj)

方法二:

document.write("<inpt name='name' value='value' id='idname' type='typename'>")

根据自己的需求自己动手写一个吧，大概原理如下：

<script>

var html = ""

var scripts = ""

scripts += "var div = document.createElement('div')"

+"div.appendChild(document.createTextNode('I am div.'))"

eval(scripts)

var content = document.createElement('div')

content.appendChild(div)

html = content.innerHTML

alert(html)

//结果：<DIV>I am div</DIV>

</script>