元素创建对象添加属性方法

最新推荐文章于 2024-05-06 16:49:30 发布

原创

最新推荐文章于 2024-05-06 16:49:30 发布 · 411 阅读

0 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何使用DOM操作来创建元素并添加属性。首先通过`document.createElement`创建了一个`span`元素，并将其添加到指定的父元素中。接着，展示了如何使用jQuery为`p`元素和ID为`CanvasLifeStyleSectionA`的元素添加和移除CSS样式。此外，还提供了一个函数`setGrdTypeColor`，用于操作GridView中的单元格CSS，包括改变背景颜色、文字颜色以及添加和移除CSS类。

建立Element
var span = document.getElementById('amenuEnquiryNoFollowUp');
var childSpan = document.createElement('span');
childSpan.innerHTML = "+";
span.appendChild(childSpan);

添加CSS样式
$("p").css({ color: "#ff0011", background: "blue" });
$('#CanvasLifeStyleSectionA').css("background-color", "black");

移除CSS样式
$("#CanvasLifeStyleSectionA").css("background-color","");

GridView CSS操作

function setGrdTypeColor() {
var col = $('#ctl00_ContentPlaceHolder1_ucEnquirySearch1_gdOutputList td:nth-child(2)');
col.each(function () {
if (this.innerText.replace(/(^\s*)|(\s*$)/g, "") == "Pending Programs") {
$(this).css({ background: 'red', color: 'white' }); //在GridView Td 上添