javascript動(dòng)態(tài)創(chuàng)建鏈接的方法
更新時(shí)間:2015年05月13日 12:15:06 作者:永遠(yuǎn)愛好寫程序
這篇文章主要介紹了javascript動(dòng)態(tài)創(chuàng)建鏈接的方法,涉及javascript動(dòng)態(tài)操作頁面元素的技巧,需要的朋友可以參考下
本文實(shí)例講述了javascript動(dòng)態(tài)創(chuàng)建鏈接的方法。分享給大家供大家參考。具體分析如下:
動(dòng)態(tài)創(chuàng)建鏈接示例:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>動(dòng)態(tài)添加鏈接</title>
<script type="text/javascript">
function AppendLink() {
var div = document.getElementById("divMain");
var linkTmp = document.createElement("a");
linkTmp.;
linkTmp.innerText = "百度";
//鏈接要使用innertText,不能使用value
div.appendChild(linkTmp);
}
</script>
</head>
<body>
<div id="divMain"></div>
<input type="button" value="添加鏈接" onclick="AppendLink()" />
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JavaScript實(shí)現(xiàn)點(diǎn)擊單選按鈕改變輸入框中文本域內(nèi)容的方法
- javascript 單選按鈕 單擊選中 雙擊取消選擇實(shí)現(xiàn)代碼
- javascript處理a標(biāo)簽超鏈接默認(rèn)事件的方法
- javascript實(shí)現(xiàn)鏈接單選效果的方法
- JavaScript返回網(wǎng)頁中超鏈接數(shù)量的方法
- JavaScript獲取網(wǎng)頁中第一個(gè)鏈接ID的方法
- javascript實(shí)現(xiàn)類似超鏈接的效果
- JavaScript判斷一個(gè)URL鏈接是否有效的實(shí)現(xiàn)方法
- javascript實(shí)現(xiàn)點(diǎn)擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法
相關(guān)文章
JavaScript處理數(shù)組數(shù)據(jù)的示例詳解
這篇文章主要為大家詳細(xì)介紹了JavaScript如何處理數(shù)組數(shù)據(jù),包括數(shù)據(jù)匹配和剔除,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解一下2023-10-10
javascript刪除html標(biāo)簽函數(shù)cIsHTML
這篇文章主要介紹了javascript刪除html標(biāo)簽函數(shù)cIsHTML,需要的朋友可以參考下2017-01-01
javascript實(shí)現(xiàn)表格信息增添與刪除
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)表格信息增添與刪除,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-04-04
在IE上直接編輯網(wǎng)頁內(nèi)容的js代碼(IE地址欄js)
在IE上直接編輯網(wǎng)頁內(nèi)容2009-04-04
Jsonp 關(guān)鍵字詳解及json和jsonp的區(qū)別,ajax和jsonp的區(qū)別
這篇文章主要介紹了Jsonp 關(guān)鍵字詳解及json和jsonp的區(qū)別,ajax和jsonp的區(qū)別 的相關(guān)資料,需要的朋友可以參考下2015-12-12

