在js中使用createElement创建HTML对象和元素_无需整理
生活随笔
收集整理的這篇文章主要介紹了
在js中使用createElement创建HTML对象和元素_无需整理
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
為什么80%的碼農都做不了架構師?>>> ??
1.創建鏈接<script?language="javascript"> var?o?=?document.body; //創建鏈接 function?createA(url,text) { var?a?=?document.createElement("a"); a.href?=?url; a.innerHTML?=?text; a.style.color?=?"red"; o.appendChild(a); } createA("http://www.ffasp.com/","網頁教學網"); </script>2.創建DIV<script?language="javascript"> var?o?=?document.body; //創建DIV function?createDIV(text) { var?div?=?document.createElement("div"); div.innerHTML?=?text; o.appendChild(div); } createDIV("網頁教學網:http://www.ffasp.com/");? </script>3.創建表單項<script?language="javascript"> var?o?=?document.body; //創建表單項 function?createInput(sType,sValue) { var?input?=?document.createElement("input"); input.type?=?sType; input.value?=?sValue; o.appendChild(input); } createInput("button","ooo"); </script>4.創建表格<script?language="javascript"> var?o?=?document.body; //創建表格 function?createTable(w,h,r,c) { var?table?=?document.createElement("table"); var?tbody?=?document.createElement("tbody"); table.width?=?w; table.height?=?h; table.border?=?1;? for(var?i=1;i<=r;i++) { var?tr?=?document.createElement("tr"); for(var?j=1;j<=c;j++) { var?td?=?document.createElement("td"); td.innerHTML?=?i?+?""?+?j; //td.appendChild(document.createTextNode(i?+?""?+?j)); td.style.color?=?"#FF0000"; tr.appendChild(td); } tbody.appendChild(tr);? } table.appendChild(tbody); o.appendChild(table); } createTable(270,270,9,9); </script>轉載于:https://my.oschina.net/Majw/blog/479234
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的在js中使用createElement创建HTML对象和元素_无需整理的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 美团_ccListView选中Item的
- 下一篇: PE文件结构(五岁以下儿童)基地搬迁