当前位置：文江博客话题详情

内联元素（如 span）没有默认样式

发布于 2024-12-29 16:55:12 字数 107 浏览 0 评论 0原文

我正在尝试向我的页面添加内联元素。它的行为应该与 span 完全相同，即不引入它自己的任何默认样式。我希望能够在我的 JS 中引用这个元素（使用 id）。请帮我建议一些样式（更少）的元素，例如跨度。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

赠意 2025-01-05 16:55:12

为什么不添加一些额外的 css，如 @James Allardice 提到的那样，删除旧的 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
}

通过执行此操作，只有 id MySpan 的 span 才会使用您的新样式或重置其样式。

查看 www.w3schools.com 上的 css 属性以找出它们的默认值。

然后你可以在 javascript 中通过执行以下操作来引用 MySpan：

document.getElementById('MySpan')

或者在 jquery 中通过执行以下操作来引用 MySpan：

$("#MySpan")

Why not just add some extra css as mentioned by @James Allardice that removes old css and or applies new styling.

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
}

By doing this only spans with id MySpan will use your new styling or have their styles reset.

Look at css attributes on www.w3schools.com to find out their defaults values.

Then you can refer to MySpan in javascript by doing:

document.getElementById('MySpan')

Or in jquery by doing:

$("#MySpan")

回复收藏 0 原文

南薇 2025-01-05 16:55:12

在 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”

Use createElement() in JavaScript

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

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

That should add a new element type, "newElement"

回复收藏 0 原文

~没有更多了~