日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

在js中使用createElement创建HTML对象和元素_无需整理

發布時間:2025/4/5 HTML 38 豆豆
生活随笔 收集整理的這篇文章主要介紹了 在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对象和元素_无需整理的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。