javascript的document中的动态增加标签

————————————————————————————————————————————————————————

却又不失温暖淳朴的性情特质

var i = 1;
function addinput() {//添加input元素
var myElement = document.createElement(‘input’);
myElement.type = “button”;
myElement.value = “奔跑吧”;
//myElement.id=”i++”;
myElement.id = “id1”;
document.getElementById(“div1”).appendChild(myElement);
}

广阔温厚的土地,赋予了他

1、JavaScript      ___|

桃儿:1人阳光又低调的男孩。明明有许多才艺,不过却相当低调。相信在与她接触进程中,一定会发觉越来越多惊喜之处。

<!– <hr/>
<h1>获取钦命标签的始末</h1>
<input type=”button” value=”智能获取” onclick=”getN()”> –>

笔录生活的不难美好

</body>

干活闲暇之余,曾做过全职足球操练

——————————————————————————————————————————

有正规的体育水平

  document的高级篇中提供了节点操作的函数,具体包含:获取节点,改变节点,删除节点,替换节点,创立节点,添加节点,克隆节点等函数。大家得以使用那些函数动态改变html的节点。

三江湿地自然保养区

function addtags() {//动态添加超链接节点<a></a>
//(1)创立元素<a>
var myElement = document.createElement(“a”)
//(2)给成分添加供给的标记讯息
myElement.href = “http://www.sina.com“;
myElement.innerText = “连接到微博”;
myElement.style.left = “200px”;
myElement.style.top = “300px”;
myElement.style.position = “absolute”;
//添加到document.body
document.body.appendChild(myElement);
}

体重:78kg

2.body体中的调用

爱惜音乐、电竞、外语

function test2() {//输出节点的值
var hobbies = document.getElementsByName(“hobby”);
for (var i = 0; i < hobbies.length; i++) {
if (hobbies[i].checked) {
window.alert(“你的喜好是:” + hobbies[i].value);
}
}
}

常任算法工程师

 

也喜欢安静的生活,看看电影

function getN() {//通过标签获取标签对应的值
var myObj = document.getElementsByTagName(‘input’);
for (var i = 0; i < myObj.length; i++) {
window.alert(myObj[i].value);
}
}

越来越擅长篮球、足球、排球等运动

function deleteinput() {
//删除1个因素的前提是要掌握其父成分是怎么。此格局不是很灵巧
//方法一
//document.getElementById(“div1”).removeChild(document.getElementById(‘id1’));
//方法二
document.getElementById(‘id1’).parentNode.removeChild(document
.getElementById(‘id1’));
}
</script>

工作:互联网

<hr/>
<input type=”checkbox” name=”hobby” value=”篮球”/>篮球
<input type=”checkbox” name=”hobby” value=”足球”/>足球
<input type=”checkbox” name=”hobby” value=”排球”/>排球
<input type=”button” value=”提交” name=”testing”
onclick=”test2()”/>

落地在尼罗河省

<hr/>
<h1>智能添加标签</h1>
<input type=”button” value=”智能添加” onclick=”addtags()”/>
<hr/>
<h1>智能添加/删除input</h1>
<div style=”width:400px;height:300px;border:3px dashed red;”
id=”div1″></div>
<input type=”button” onclick=”addinput()” value=”inputAdd”/>
<input type=”button” onclick=”deleteinput()”
value=”inputDelete”/>

爱好运动,旅行

<body>
<a id=”same” href=”http://www.sohu.com"&gt;搜狐&lt;/a&gt;
<a id=”same” href=”http://www.baidu.com"&gt;百度&lt;/a&gt;
<a id=”same” href=”http://www.sina.com"&gt;新浪&lt;/a&gt;
<input type=”button” value=”提交” onclick=”test1()”/>
<!– ID相同的时候只认得第③个 –>

朋友众多

<script type=”text/javascript”>
function test1(){//对个节点的ID相同时候的景色
var myhref = document.getElementById(‘same’);
window.alert(myhref.innerText);
}

温暖我

大学时为高校足球队队长

1人阳光帅气的男孩

喜爱的您恐怕活泼开朗,也许小鸟依人,大概文静聪明,只要能和你在联合署名,干什么都会认为很满面红光。

自己:本身是叁八周岁写代码的东南蓝孩纸,喜欢运动,旅行,也喜好安静看电影。如今工作在香港一家网络专营商。平日收工会回家学习,这么些也多亏来东京想多得利的初衷。假设是两人,作者会自个儿抽时间学习,而不会影响多个人的时辰。假如之后女对象需要协同看剧啊什么的也可以。后边接触认识的生活还非常长。

Dear _ _:

欣赏的女孩

Him

本人的经济力量还算能够,以往买房不必担心。并且有首都做事居住证正在办理安特卫普户口。所以打算是之后在首都一连折腾下来。

赏心悦目的益阳笔者的家

阳光、大方、豪爽

对于自个儿的喜好,平日喜欢游山玩水,爬山,踢球,看摄像,舞台湾戏剧,兜风等等,没有排斥的,更能够逛街,爱好分化也不是阻碍,只要五人在共同正是很喜悦的。
我们对踢球的先生有所不知,一般在足篮球场上踢后卫的权利心是最大的,因为那边不出彩不放光,每场竞技要稳妥帖当,而且要有一点都不小的职分沉重,所以众几个人都把队长给了那一个岗位,小编干什么说这些职分恐怕读者也掌握怎么了。

年龄:88年双子座

但高等高校统招考试并不曾选拔体育专业

自然,还喜爱宠物

西南边的内江

昵称:ABC

有常见的兴趣爱好

前天为我们推荐

江山二级运动员

身高:186.6cm

自述与引进理由

但还是会留影沿途风光

旅行时记下的沿途景色

现行首都向上

叁个二十10岁写代码的男孩

自身还养了二只拉布拉多,假使喜欢黑狗的更好,若是不收受也没提到,再商议。都说养狗的男士比较有慈善,笔者是养通晓后,我小黑狗被作者照顾的很好,我才察觉那点的。平常可宅,可玩,可疯,可安静,能够切换二种状态。

坐标:北京

籍贯:黑龙江

那里有全国三大湿地之一的

图片中是亲身照料的拉布拉多

做事之余,会和爱侣一块团圆

而是精选了电脑

在首都生活工作

前程将落户上海

恐怕并不曾很正式的留影技巧

靠近你

宜人的黄狗豆丁

结业于西南天然气高校