Javascript未捕获类型错误：无法设置属性'；价值'；空的

我以前检查过这个问题，所以根据其他问题中给出的解决方案无法解决它

我是javascript新手，正在尝试创建一个将英里转换为公里的函数，并且已经实现了下面的函数。我想将此段落元素设置为转换的值

<p id="kValue"></p>

var kilometersElement = document.getElementById("kvalue");
var milesElement = document.getElementById("mValue");

function convert() {
    var km = (milesElement.value * 1.61);
    km.toFixed(2);
    console.log(km);
    document.getElementById("kvalue").innerHTML = kilometersElement;
} 

var kimmerElement=document.getElementById（“kvalue”）；
var milesElement=document.getElementById（“MVValue”）；
函数转换（）{
var km=（milesElement.value*1.61）；
km.toFixed（2）；
控制台日志（km）；
document.getElementById（“kvalue”）.innerHTML=km元素；
} 

它甚至可以将km的值打印到控制台，但是当它尝试执行下面的行时，我得到了以下错误

未捕获的TypeError:无法将属性“值”设置为null 转换时（cmtk.js:41）

在第41行，我只是调用函数convert（）

---

有人能帮我吗？

请查看此链接，它会为您提供错误的答案

调用值的方式取决于代码调用它的顺序

同时尝试初始化以下参数的值：

可变公里数元件

var MileSeElement

function convert(miles) {
    return (miles * 1.61).toFixed(2);
}

var kilometersElement = document.getElementById("kValue");
var miles             = document.getElementById("mValue"); 

var kilometers = convert(miles);
console.log(kilometers);
kilometersElement.innerHTML = kilometers;

---

最可能的情况是，您忘记为

元素提供一个'id'属性和值

<p id="kValue"></p>
<form>
    <input id="mValue" type="text" value="">
</form>

---

功能转换器里程公里（英里）{
返回距离（英里*1.61）。至固定距离（2）；
}
var miles=document.getElementById（“MVValue”）.value//假设文本框
var km=转换里程公里（英里）；
控制台日志（km）；
document.getElementById（“kvalue”）.innerHTML=km；

或

函数showOutput（结果，outputElement）{
控制台日志（结果）；
outputElement.innerHTML=结果；
返回；
}
功能转换器里程公里（英里）{
返回距离（英里*1.61）。至固定距离（2）；
}
var km=convertMilesToKm（document.getElementById（“mValue”）.value）；
显示输出（km，document.getElementById（“kvalue”）；

或者，可能

<output id="kValue"></output> <!-- HTML5.x only -->
<form>
    <input id="mValue" type="text" value="">
</form>

<script>

    function showOutput(results, outputElement){
        console.log(results);
        outputElement.innerHTML = results;
        return;
    }

    function convertMilesToKm(miles) {
        return (miles * 1.61).toFixed(2);
    }

    showOutput(convertMilesToKm(document.getElementById("mValue").value),
                                           document.getElementById("kvalue"));

</script>

函数showOutput（结果，outputElement）{
控制台日志（结果）；
outputElement.innerHTML=结果；
返回；
}
功能转换器里程公里（英里）{
返回距离（英里*1.61）。至固定距离（2）；
}
showOutput（convertMilesToKm（document.getElementById（“MVValue”）.value），
getElementById（“kvalue”）；

确保已为要使用document.getElementById（'host'）.value获取的字段指定了id属性

您可以参考下面的示例

在jsp中获取主机值

document.getElementById（'host'）。值

var kimmerElement=document.getElementById（“kValue”）；
var milesElement=document.getElementById（“MVValue”）；
convert（）；
函数转换（）{
var km=（milesElement.value*1.61）；
km.toFixed（2）；
控制台日志（km）；
km元素.innerHTML=km；
}

检查此链接的可能重复项，它将为您提供错误的答案。[您正在查找ID kvalue，但它是kvalue。请确保输入源具有

ID

。请参阅下面的我的答案。注意：1 mi=1.609344 km稍后，您将了解，在全局命名空间中使用较少的标识符有助于避免与外部库发生冲突（如果您选择使用它们）或任何共享代码。我已将此名称缩减为命名空间中的两个名称（

displayOutput

和

convertMilesToKm

）。当您学习JavaScript中的对象时，您可以将这些函数包装在一个对象中，并使用对象创建命名空间。请参阅JavaScript:the Definitive Guide，第6版或第7版

<script>

    function showOutput(results, outputElement){
        console.log(results);
        outputElement.innerHTML = results;
        return;
    }

    function convertMilesToKm(miles) {
        return (miles * 1.61).toFixed(2);
    }

    var km = convertMilesToKm(document.getElementById("mValue").value);
    showOutput(km, document.getElementById("kvalue"));

</script>

<output id="kValue"></output> <!-- HTML5.x only -->
<form>
    <input id="mValue" type="text" value="">
</form>

<script>

    function showOutput(results, outputElement){
        console.log(results);
        outputElement.innerHTML = results;
        return;
    }

    function convertMilesToKm(miles) {
        return (miles * 1.61).toFixed(2);
    }

    showOutput(convertMilesToKm(document.getElementById("mValue").value),
                                           document.getElementById("kvalue"));

</script>