小编hzo*_*tan的帖子

使用JavaScript到达Jekyll变量并通过它操作DOM操作

我极有可能有错误逻辑,但我只是学习JavaScript和Jekyll.

我的目标是通过JavaScript操作HTML元素,并将一些Jekyll变量放在该元素的内部HTML中.一切都是从本地开发目录加载的jekyll serve.我尝试了以下方法:

HTML:

<html>
<body>
<h2>Something</h2>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

document.addEventListener("DOMContentLoaded", function () {
    manipulate = document.getElementsByTagName("h2");
    manipulate[0].innerHTML = "{{ page.title }}";
});
Run Code Online (Sandbox Code Playgroud)

结构体:

??? _config.yml
??? contact-us.md
??? css
?   ??? main.scss
??? feed.xml
??? _includes
?   ??? footer.html
?   ??? header.html
?   ??? head.html
?   ??? readtime.html
?   ??? sidebar.html
??? index.html
??? js
?   ??? anchor.js
?   ??? tags.js
??? _layouts
?   ??? default.html
?   ??? page.html
?   ??? post.html
?   ??? single.html
?   ??? …
Run Code Online (Sandbox Code Playgroud)

javascript dom-manipulation jekyll

5
推荐指数
1
解决办法
1690
查看次数

标签 统计

dom-manipulation ×1

javascript ×1

jekyll ×1