国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

如何在指定的地方插入html內(nèi)容和文本內(nèi)容

2024-05-06 15:57:45
字體:
供稿:網(wǎng)友
本文為大家介紹個小技巧可以在指定的地方插入html內(nèi)容和文本內(nèi)容,示例如下,感興趣的朋友可以參考下

dhtml提供了兩個方法來進行添加,insertAdjacentHTML和insertAdjacentText
insertAdjacentHTML方法:在指定的地方插入html標簽語句。
原型:insertAdjacentHTML(swhere,stext)
參數(shù):
swhere:指定插入html標簽語句的地方,有四種值可以用:
1.beforeBegin:插入到標簽開始前
2.afterBegin:插入到標簽開始標記后
3.beforeEnd:插入到標簽結(jié)束標記前
4.afterEnd:插入到標簽結(jié)束標記后
stext:要插入的內(nèi)容
例:

復制代碼 代碼如下:


var sHTML="<input type=button go2()" + " value='Click Me'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ alert("Hello from inserted script.") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);


在html正文中加入一行:
<DIV></Div>
最終變成:

復制代碼 代碼如下:


<DIV>
<input type=button onclick=go2() value='Click Me'><BR>
<SCRIPT DEFER>
function go2(){alert("Hello from inserted sctipt.")}'
</script>
</DIV>


insertAdjacentText方法與insertAdjacentHTML方法類似,只不過只能插入純文本,參數(shù)相同

這兩個屬性還是比較適用的,尤其是在繪圖等地方用的比較多,它的優(yōu)點是不會覆蓋原有的內(nèi)容,讓我們來假設(shè)一下吧,有一個DIV,它里面已經(jīng)有內(nèi)容了,現(xiàn)在我們還要動態(tài)的添加內(nèi)容進去,而又不能覆蓋原有的內(nèi)容,那么這時候這個東西就很重要了,innerHTML是會把原有的東西覆蓋掉的。
所有成對出現(xiàn)的HTML都可以用這個屬性,這點和innerHTML一樣,比如<body>..</body>、<div>....</div>等這些都有這兩個屬性

補充下:剛才我試了下,innerHTML這個屬性是可讀寫的,以前我知道innerHTML可以對節(jié)點插入內(nèi)容,但是這個屬性也是可讀的,也就是說innerHTML中保存的是節(jié)點的html內(nèi)容;看下以下代碼就完全明白了:

復制代碼 代碼如下:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
</head>
<body>
safdsdaf按時地方
<script language="javascript">
alert(document.body.innerText)
</script>
</body>
</html>


上面是我轉(zhuǎn)帖到別人的代碼,下面我再補充幾行代碼,也很經(jīng)典有,也許你用的著:

復制代碼 代碼如下:


<script language="javascript" type="text/javascript">
function addFile()
{
var filebutton = '<br><input type="file" size="50" />';
document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);
}
</script>


上面的是Head里面的腳本,下面是body里面的:html代碼:

復制代碼 代碼如下:


<p>
<input type="file" runat="server" size="50"/>
</p>


你把代碼拷貝到文件中保存成一個html就知道效果了。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 梓潼县| 焉耆| 富民县| 九龙坡区| 新密市| 江油市| 蚌埠市| 门源| 阿巴嘎旗| 定襄县| 章丘市| 丰县| 元谋县| 天门市| 长宁区| 渝北区| 岚皋县| 辽宁省| 德格县| 喜德县| 奉化市| 汕尾市| 娄底市| 太和县| 孝义市| 金昌市| 宿松县| 万盛区| 巨鹿县| 金沙县| 拜城县| 高淳县| 伊金霍洛旗| 灵宝市| 都兰县| 徐水县| 弥渡县| 丽水市| 磐安县| 保德县| 上饶县|