HTML5在显示时更改名称<details> </details>

Question

我正在使用<details></details>功能。有没有办法更改自动显示为自定义的“详细信息”文本？

Answer 1

如果您不提供<summary>元素，则默认显示“详细信息”;要改变这一点，只需使用<summary>（感谢Jukka K. Korpela指出评论中的默认显示）。请注意，<details>不受支持;如果你想使用标签：

<details class="mydetails">
    <summary>This is the text that show</summary>
    <p>This is the text that will show when you click on the summary text</p>
</details>

如果你想在页面加载后编辑文本，我建议你只使用jQuery：

$('.mydetails summary').html('Change the text to this');

现在你已经添加了jsfiddle：

如果你想使用bootstrap，那很好;在这种情况下，由于缺乏对<details>的支持，它实际上是首选。确保你已经包含了bootstrap css和js，并且你没有收到404错误。

这是一个显示html和jQuery的小提琴：http://jsfiddle.net/Dc6jF/128/