如何用js在页面中添加元素？

Question

例如：我想在页面的最后添加一个<a></a>对象，请问如何写js代码？

Answer 1

<div id="d">

<a>111</a>

<a>222</a>

</div>

<script>

docuemtn.getElementById("d").getElementByTagName("a")[0].setAttribute("class","class名称");

</script>

js添加的元素和页面中原有的元素,对于jquery来说是一样的。

比如：documnet.getElementById("id").innerHtml='<div id="d"></div>；

上面代码向id为id的元素中添加了一个div元素。

对于jquery来说可以正常获取:&#36;("#d")。

扩展资料：

javascript使用注意事项：

简化代码

例如：创建对象

之前是这样的：

Var car = new object();

Car.color = “red”;

Car.wheels = 4;

Car.age = 8;

而现在可以写成这样子：

Var car = {color:'red', wheels:4, age:8}

例如：创建数组

之前是这样的：

Var studentArray = new Array(‘zhangsan', 'lisi', ‘zhaowu', ‘wuliu');

而现在可以写成这样子：

Var studentArray = {‘zhangsan', ‘ lisi', ‘zhaowu', ‘wuliu'};

尽量使用JavaScript原生函数

例如：获取一组数据中的最大值

var maxData = Math.max(0,20,50,10);

alert(maxData);   //返回的最大值为50

代码可配置

你写的代码如果想让别人更容易进行使用或者修改，则需要可配置，解决方案是在你写的脚本中增加一个配置对象。要点如下：

1、在你的脚本中新增一个叫configuration的对象。

2、在配置对象中存放所有其它人可能想要去改变的东西，例如CSS的ID、class名称、语言等等。

3、返回这个对象，作为公共属性以便其它人可以进行重写。

代码兼容性

兼容性是初学者容易忽略的部分，通常学习Javascript的时候都是在某个固定的浏览器中进行测试，而这个浏览器很有可能就是IE，这是非常致命的，因为目前几大主流浏览器中偏偏IE对标准的支持是最差的。

最终用户看到的结果也许就是，你写的代码在某个浏览器无法正确运行。你应该把你的代码在主流的浏览器中都测试一下，这也许很费时间，但是应该这样做。

参考资料来源：百度百科--javascript

Answer 2

方法1
object.insertAdjacentHTML(sWhere, sText)
在指定位置的元素中插入给定的 HTML 文本。
beforeBegin
afterBegin
beforeEnd
afterEnd
例：document.body.insertAdjacentHTML(beforeEnd,"<a></a>")

方法2
object.appendChild(oNode)
给对象追加一个子元素。

例：
var newObj=document.createElement("<a></a>");
newObj.innerText="内容"；
document.body.appendChild(newObj);

代码我就是顺手学的，没有测试过，可能有错误。

Answer 3

var mask = document.createElement("div");//js新建元素
mask.setAttribute("id", "maskDiv");//给元素加id
mask.onclick = hideMask;//给元素添加点击事件

var img = document.createElement("img");
img.style.float = "right";//js设置样式
img.src = "http://520.com/images/download_android.png";
img.style.width = "320px";
img.style.float = "right";
mask.appendChild(img);
document.body.appendChild(mask);//把元素放进body标签里面

Answer 4

document.write("<a href='utl'></a>");