javascript的document中的动态增进标签足球

布宜诺斯艾Liss那座内陆城市,偏偏有众多江洲岛。这么些周末,去了生物岛,去拍蓝天、白云、小鸟。结果小编只拍到了四张照片。

  document的高档篇中提供了节点操作的函数,具体包罗:获取节点,改变节点,删除节点,替换节点,创设节点,添加节点,克隆节点等函数。大家得以选拔那几个函数动态改变html的节点。

《城外》

1、JavaScript      ___|

出了官洲大巴站A口,步行约200米到了一座小山坡,在上边拍了那温智翔以看来华盛顿的CBD,小蛮腰、东塔和小雁塔。有一种中心公园和都市强烈相比较的感觉!与之分歧的是,“主旨公园”那张强调城市左右包围,非凡城市之“肺”,像是围城。而那张《城外》诉说的,城外是生活,城内是生存而已

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

《山林》

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

踩着单车在岛上,路上没什么车,根本不供给遵守什么交通规则。拐到一条小路,被机器挑起的路,和四周的全方位毫无违和感,竟有种日式山林的意境之美。

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

《岛歌》

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

您看到的是一江之水和岸上的大学城,但画外有其它2个典故。

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

足球,《鱼者》

 

一个好基友在江边垂钓,静默不语,一个空闲的中午过后,对比互相鱼的大小胖瘦,找个饭馆代加工,几杯小酒,聊聊那一个礼拜的新鲜事儿,老匹夫之间不设有八卦,聊的全是足球、股票和房价…早上微醺,说着拜拜,各自寻往家的矛头。

2.body体中的调用

那座小岛,适合垂钓、出行、拍小清新写真,过了隧道便是高校城,10分钟重回大学时代,11分适合油画。

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

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

<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=”getN()”> –>

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