日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

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

HTML

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

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

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