JS動態建立HTML標籤

阿新 • • 發佈：2019-01-19

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
function makeMenu(){
            var h2s=document.getElementsByTagName('h2');
            var menu=document.createElement('div');
            var menul=document 
.createElement('ul');
            menu.appendChild(menul);
            for (var i=0;i<h2s.length;i++){                        //遍歷元素的方法
                var itemText=h2s[i].childNodes[0].nodeValue;    //必須使用0來提取後面的文字
                var menuli=document.createElement('li');
                menul.appendChild 
(menuli);
                var menuliA=document.createElement('a');
                menuli.appendChild(menuliA);
                menuliA.setAttribute('href','#item'+i);
                var menuText=document.createTextNode(itemText);
                menuliA.appendChild(menuText);
               var anc 
=document.createElement('a');          //插入anc是為了顯示在<h2>前面
                anc.setAttribute('name','item'+i);
                document.body.insertBefore(anc,h2s[i]);
            }
            document.body.insertBefore(menu,document.body.firstChild);
        }
        window.onload=makeMenu;
    </script>
</head>
<body>
    <h1> Welcom to my web page.</h1>
    <h2>001</h2>
fsdhgsdlgh
    <h2>002</h2>
    <p>ejktgehlgt</p>
    <h2>003</h2>
    <h2>004</h2>
    </div>
</body>
</html>

JS動態建立HTML標籤

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

js動態新增html標籤函式中的引數寫法

js動態新增html標籤，此html中包含onclick等事件，必然要引用函式，那麼函式中的引數如何寫？ 1，function showi(m){ alert(m); } function change(){ var x=6; document.write('<a

js動態新增HTML標籤

function addElement_imageText(img,title,source,view_count,publish_time,url,article_type,newsid,category_chn){ /*var reconmendDiv = do

js動態建立li標籤並給li一個a標籤

對於前端的知識不是很熟練的運用,真的很傷,在這記下以防下次不記得 <ul id="myul"> </ul> js程式碼 -->可以使用append拼接字

HTML中關於動態建立的標籤無法繫結js事件的解決方法

小夥伴們在前端頁面的時候，是不是會經常遇到用JavaScript動態創建出來的Button按鈕或其他標籤無法使用點選事件的問題。如下程式碼，使用jquery在body中動態建立一個class為demo的Button按鈕，當點選這個按鈕時無法觸發點選事件。 <script> $(fun

關於動態建立html中的標籤

主要記錄如何動態建立標籤，以及給標籤賦樣式。最近的專案需求就是需要根據後段返回的資料長度來動態建立div以及span等標籤。----2018-06-26 1、首先需要在介面上建立一個父標籤，設定id為mian 在js程式碼中我們要先通過id查詢頁面上的標籤

JS動態插入HTML後不能執行後續JQUERY操作

class html body 點擊執行 jquery 發現不能 strong 通過js追加的html 發現不能點擊執行函數普通綁定事件：$(‘.btn1‘).click(function(){}綁定事件委托解決方法： $("body").delega

用js動態新增select標籤的option

js程式碼： var featureLayerURLTest=[["http://192.168.15.174:6080/arcgis/rest/services/Sample/GQYDGH/FeatureServer/0","線圖層1"]]; function createSelectOp

scrapy利用scrapy-splash爬取JS動態生成的標籤

1 引言 scrapy處理爬取靜態頁面，可以說是很好的工具，但是隨著技術的發展，現在很多頁面都不再是靜態頁面了，都是通過AJAX非同步載入資料動態生成的，我們如何去解決問題呢？今天給大家介紹一種方法：scrapy-splash 2 準備工作首先需要安裝一下幾個工具（1）

JS動態寫入HTML程式碼《變數，方法，函式多個入參拼接》

寫這篇文章，主要是想mark一下，因為JS動態生成HTML（這裡都預設是生成大段的HTML，而不是簡單的標籤元素），常用的兩種語法格式：一種是es6的寫法，反撇，' `` '，在英文語法輸入狀態下，esc正下方的按鍵。但是這種語法存在相容性的問題，我在移動端的專案中遇到過，使用JQuery，沒

原生js如何通過html標籤的自定義屬性，找到該屬性對應的屬性值

需求如下：我有一段固定的js，不同的專案都必須引入，並且js內必須傳入一個專案標識。此時的做法當然是把這段js封裝成一個js檔案，放到cdn上，每次只需要引入這個js的地址，並且傳入不同的引數為了

JS動態建立物件的屬性詳解

面向物件的JavaScript在客戶端編碼時提供了極大的靈活性，Javascript物件上的屬性有助於設定可在物件內使用以管理和使用資料的值。我對JavaScript中屬性的理解，在javascript中，可以通過在文字物件上定義變數來建立屬性。例如 var obj = {

js動態生成的標籤，點選傳遞引數到js函式

在js函式中，動態生成了一系列<a>標籤，現在需要點選a標籤後，能夠傳值到點選後呼叫的函式，，嘗試了好久才成功！ for(var i=0;i<len;i++){ var tr=oTbody.insertRow(i);

js 動態建立表格

我們利用JS操作DOM的能力，動態建立一張表格，可以動態增加行，刪除行，複選框有全選的功能！有以下3個檔案： 1. dom.css .tbl { font-size: 12px; border: 1px solid #ebebee; }

JS前端建立html或json檔案並瀏覽器匯出下載

https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/ 侵刪一、HTML與檔案下載如果希望在前端側直接觸發某些資源的下載，最方便快捷的方法就是使用HT

js動態建立隱藏的form表單

function makeForm() { // 建立一個 form const tempForm = document.createElement("form"); tempForm.id = "tempForm"; tempForm.name = "tempForm"

js動態建立DataGrid

和上篇一樣，使用JS動態的建立DataGrid也是一件非常簡單的事情，以專案中的例項來做說明，當然easyui的官網文件也有，例子很簡單： ①從後臺獲取資料 ②根據需要顯示資料 ③根據需要對顯示的資料做樣式 ④對顯示的資料做合計核心程式碼：從後臺獲取資料： url:

用javascript(js）控制html標籤的屬性和內容

js控制html標籤屬性和內容通過點語法可以訪問和設定除了class以外的所有標籤屬性，這裡想設定class屬性的話，要使用className來設定，如果想要設定標籤中間的內容，那麼可以使用innerHTML 1.先寫一個用css設定div

js動態建立多個input框帶刪除按鈕

<span style="font-size:24px;"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert titl

js動態向html新增資料。

.innerHTML 各種標籤的地方插入 .write 在當前的位置進行寫入。可能是某個動態計算後的結果。但是不在head中寫入。 <html> <head> <script> alert("aaa"); document.

JS動態建立HTML標籤

相關推薦