JS，将<h1>与<title>连接
JS，将<h1>与<title>连接
提问于 2022-01-14 15:24:39
我所要做的就是使标题与h1标记完全相同。
<title class="blogtitle"></title>
<h1 class="title">Updating our staff members</h1>
<script>
document.getElementsByClassName("blogtitle")[0].innerHTML = h1;
var h1 = document.getElementsByClassName("title")
</script>回答 2
Stack Overflow用户
发布于 2022-01-14 15:33:15
这将是非常糟糕的SEO和可访问性。不要用JS来做这个。使用允许在服务器上执行此操作的模板引擎。
尽管如此，这里的Javascript会这样做，如果搜索引擎优化或可访问性在您的项目中有任何关联，您就不应该使用它。
document.addEventListener('DOMContentLoaded', // make sure this code only runs once JS can access the DOM safely
function() { //
document.title = document.querySelector('h1.title')?.textContent ?? '';
}
);<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
</head>
<body>
<h1 class="title">Updating our staff members</h1>
</body>
</html>
与其使用DOMContentLoaded侦听器(仅用于确保页面中的所有元素都可通过Javascript进行访问)，还可以在关闭的</body>标记之前包含</body>标记：
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
</head>
<body>
<h1 class="title">Updating our staff members</h1>
<script>
document.title = document.querySelector('h1.title')?.textContent ?? '';
</script>
</body>
</html>
Stack Overflow用户
发布于 2022-01-14 15:33:20
嗯，看起来你只是在学习HTML，进入这个新的世界。所以，我只会回答你的问题，而不是用一堆先进的信息过载你。
可以通过以下方法更改页的标题
document.title = 'Your new title'所以你可以这样做：
var h1Element = document.getElementsByClassName("title")[0] // you can use other selectors here such as querySelector, getElementByClassName...
var h1Text = h1Element.innerHTML
document.title = h1Text另外，您不需要将类放入标题标记中，而且它必须在<head>标记中。
只需记住HTML的基本结构：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70717596
复制相关文章
相似问题
腾讯云开发者
