Javascript 用文本变量替换预定义的文本

Question

在我的代码中有一个文本输入，让用户输入他们自己的文本，然后这个文本变成一个变量；

var title = document.getElementById("chartTitle");
var xaxis = document.getElementsByName('xaxis')[0];
var yaxis = document.getElementsByName('yaxis')[0];

既然变量包含文本，我需要更改此代码中的两个部分，以便将预定义的“文本”替换为变量中的文本。两部分是“title text”必须更改为 var title 和“yaxis text”必须更改为 var yaxis。

 var chart = new CanvasJS.Chart("chartContainer", {
    title:{
      text: "title text"
    },
    axisY: {
      title: "yaxis text"
    },
    data: [{
         type: "column",
         dataPoints: []
    }]
});
chart.render();
}

Answer 1

考虑将 id 添加到您的输入以使用 document.getElementById 更快地访问它们:

<input type="text" name="yaxis" id="yaxis">

请注意函数 document.getElementById 和 document.getElementsByName 返回 DOM 元素而不是它们的文本。要访问文本输入元素的内容，请使用其属性 value。

var chart = new CanvasJS.Chart("chartContainer", {
    title:{
      text: title.value
    },
    axisY: {
      title: yaxis.value
    },
    data: [{
         type: "column",
         dataPoints: []
    }]
});
chart.render();
}