Question

我正在尝试在页面中添加内联元素。它应该像span一样，即不引入它自己的任何默认样式。我想能够在我的JS中引用这个元素（使用id）。请帮我建议一些样式（少）元素，如span。

Answer 1

为什么不添加@James Allardice提到的一些额外的CSS，删除旧的CSS和/或应用新的样式。

HTML：

<span>My Super Cool Span</span>

<span id="MySpan>My Super Cool Span With An ID </span>

的CSS：

span {
     width:100px;
}

span #MySpan{
     width: auto; // resetting width
     // Reset css or apply new styling
}

通过这样做，只有身份MySpan的跨度将使用您的新样式或重置其样式。

查看www.w3schools.com上的css属性，了解它们的默认值。

然后你可以通过以下方式在javascript中引用MySpan：

document.getElementById('MySpan')

或者在jquery中做：

$("#MySpan")

Answer 2

在JavaScript中使用createElement（）

<script>
    var newElement = document.createElement('newElement');
    newElement.setAttribute('id', 'newElementId');
    var oldElement = document.getElementById('element');
    oldElement.appendChild(newElement);
</script>

<div id="element"></div>

那应该添加一个新的元素类型，“newElement”

内联元素，例如span，没有默认样式

2 个答案: