js動態新增任何html標籤

2021-08-16 12:19:30 字數 872 閱讀 3103

程式設計思路: 

我認為, 對於html標籤來說, 分為閉合和半閉合兩種, 

當我用js創造一大片html**的時候, 會容易出現很雜亂的觀感,而且並不容易維護. 

那麼我將建立閉合和半閉合標籤作為兩個方法, 每次建立就呼叫一次, 返回字串型別的html**,

建議: 配合jquery食用更佳, 當然document.....innerhtml也可以.

格式示例: 

let create = new createnode();                            // 必須的

let code = create. packagenode("div",

property += (" " + i + "='" + obj[i] + "'");

}// 返回html**

return "<" + nodename + property + " />";

};// 建立閉合節點

// :param nodename: [string] 節點名稱

// :param obj: [object/string] 屬性集合(content屬性是節點內容,如果是字串,那麼直接加入節點內)

this.packagenode = function (nodename, obj)

// 如果物件擁有"content"屬性, 把值抽出來,並刪除其屬性

if (key[i] === 'content')

// 組裝節點屬性

property += " " + key[i] + "='" + obj[key[i]] + "'";}}

return "<" + nodename + property + ">" + content + "";};}

動態新增html

多瀏覽器情況下,動態新增html文字時會出現無法獲取動態插入的內容,需要改動.html 方法。textarea無法通過id進行賦值,換用 其他方式。同時,由於 動態新增文字時,firefox 用innertext 在頁面上看不到文字,故使用innerhtml 對textarea進行賦值 functi...

給Ajax返回的HTML標籤動態新增樣式的方法

今天在做專案時,在頁面中用ajax返回了另乙個頁面,突然發現返回頁面中的 把頁面給頂了出去,經過一番研究,終於解決了。先準備好要返回內容的容器 程式設計客棧rwoezhqxkz 預定義乙個樣式,以便返回的內容能直接套用 比如,我們希望返回的 不會太過分,把頁面給頂開了。最後直接在容器中用ajax返回...

js過濾HTML標籤

function removehtmltag str 第乙個 g 在js中正規表示式是以 開頭的,後面的 g,含義是表示全域性模式,意思是在將匹配的模式應用於整個字串,而不是在第一次匹配上之後就停止匹配了。這個分開來解釋,其中第二個字元 是乙個轉移字元,用來轉移後面的 字元的。匹配0或1個正好在它之...