使用CSS选择器，更改元素包装文本

Question

我目前有：

<span> Hello </span>

我想使用CSS选择器用

替换或包装元素中的文本

<h1>

不使用CSS选择器。

这可能吗？

Answer 1

实际上无法更改CSS中的元素，但您可以通过向<span>Hello</span>部分添加属性来模拟仅将<h1>Hello</h1>转换为span的效果CSS。你应该这样做。

span {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

JSFiddle

正如评论中所指出的，这不会给出h1标签的其他属性。要实际执行此操作，您可以在Javascript中执行以下操作：

var mySpan = document.getElementById("span");
var myH1 = document.createElement("h1");
myH1.innerHTML = mySpan.innerHTML;
myAnchor.parentNode.replaceChild(myH1, mySpan);

JSFiddle