使用JavaScript和HTML,如何创建“阅读更多”按钮来缩短文章?
单击后,应该带我到其发布页面上的文章。
答案 0 :(得分:0)
因此,从开始就可以创建并html文件并编写以下内容。
<div id = "blog">
</div>
在您的javascript文件中使用此代码。根据您的要求进行修改
var text = "this is very very very very long text";
var threshold = 10;
if(text.length <= threshold){
document.getElementById("blog").innerHTML = text.substring(0,threshold);
var read_more = document.createElement("href");
read_more.href = "www.linktomainpage.com";
read_more.innerHTML = "Read More";
document.getElementById("blog").appendChild(read_more);
}