javascript的document中的动态拉长标签

《山林》

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

《城外》

<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()”/>

那座岛屿,适合垂钓、骑行、拍小清新写真,过了隧道正是高校城,十分钟重返大学时期,十分契合摄影。

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

出了官洲客车站A口,步行约200米到了一座小山坡,在地点拍了那龙成以观望华盛顿的CBD,小蛮腰、东塔和大雁塔。有一种中心公园和城市强烈相比的觉得!与之不一样的是,“大旨公园”那张强调城市左右包围,卓越城市之“肺”,像是围城。而那张《城外》诉说的,城外是生存,城内是在世而已

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

《岛歌》

function deleteinput() {
//删除多少个因素的前提是要通晓其父成分是哪些。此方法不是很灵活
//方法一
//document.getElementById(“div1”).removeChild(document.getElementById(‘id1’));
//方法二
document.getElementById(‘id1’).parentNode.removeChild(document
.getElementById(‘id1’));
}
</script>

你见到的是一江之水和岸上的大学城,但画外有其余三个传说。

1、JavaScript      ___|

《鱼者》

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

华盛顿那座内陆城市,偏偏有广大江洲岛。这么些周末,去了生物岛,去拍蓝天、白云、小鸟。结果本人只拍到了四张照片。

<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”/>

踩着车子在岛上,路上没什么车,根本不供给服从什么交通规则。拐到一条羊肠小道,被机器挑起的路,和周围的全部毫无违和感,竟有种日式山林的意境之美。

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

《小院》

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

更像是周末赶回郊外的院子,仍是能够看到经常上班的商务楼,诉说一种生活方法:同一片蓝天,一样的曼妙。

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

一个好基友在江边垂钓,静默不语,1个空余的早上过后,比较相互鱼的大小胖瘦,找个酒馆代加工,几杯小酒,聊聊那么些礼拜的新鲜事儿,老匹夫中间不存在八卦,聊的全是足球、股票和房价…清晨微醺,说着拜拜,各自寻往家的方向。

<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相同的时候只认识第三个 –>

2.body体中的调用

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);
}

</body>

 

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);
}