javascript - 将Javascript中字符串变量的内容分成两部分并在两个不同的div中打印

Question

我想做的是将一个变量的内容分成两部分，然后将另外两个变量放入两个 div 中分别打印。

这是我的代码：

function req1() {
  fetch('https://jsonplaceholder.typicode.com/posts/1')
    .then(function (res) {return res.json()})
    .then(function (json) {
      var title = json.title;
      var body = json.body;
      var body = Math.ceil(str.length / 2);
      var s1 = str.slice(0, body);
      var s2 = str.slice(body);    
      document.getElementById("newsTitle").innerHTML = title;
      document.getElementById("newsContent").innerHTML = s1;
      document.getElementById("newsContent2").innerHTML = s2;
    });
}
req1();

所以我想做的是拆分“body”变量的内容并在#newsContent 中打印第一部分，在#newsContent2 中打印第二部分

标签： javascript

Answer 1

实际上你的代码是正确的，但问题是你的定义body，str一切都搞砸了。

在这里，您一切正常。

var title = "this is the title";
var phrase = "content1 content2"
var mid = Math.ceil(phrase.length / 2);
var s1 = phrase.slice(0, mid);
var s2 = phrase.slice(mid);

function req1() {
  fetch('https://jsonplaceholder.typicode.com/posts/1')
    .then(function(res) {
      return res.json()
    })
    .then(function(json) {
      var title = json.title;
      var body = json.body;
      
      var length = Math.ceil(body.length / 2);
      var s1 = body.slice(0, length);
      var s2 = body.slice(length);
      document.getElementById("newsTitle").innerHTML = title;
      document.getElementById("newsContent").innerHTML = s1;
      document.getElementById("newsContent2").innerHTML = s2;
    });
}
req1();

<div id="newsTitle"></div>
<br>
<div id="newsContent"></div>
<br>
<div id="newsContent2"></div>