Javascript不编写元素的innerHTML,但闪烁结果?

Javascript不编写元素的innerHTML,但闪烁结果?,javascript,Javascript,在这个简单的程序中,脚本不会写入resultid=“result”只是闪烁结果值。有人能看一看并说明为什么会有这种行为吗?我做错了什么 函数乘法(){ var乘积, no1=document.getElementById('no1')。值, no2=document.getElementById('no2')。值; 产品=no1*no2; document.getElementById(“结果”).innerHTML=product; } 职能司(){ var divis, no1=docum

在这个简单的程序中,脚本不会写入result
id=“result”
只是闪烁结果值。有人能看一看并说明为什么会有这种行为吗?我做错了什么

函数乘法(){
var乘积,
no1=document.getElementById('no1')。值,
no2=document.getElementById('no2')。值;
产品=no1*no2;
document.getElementById(“结果”).innerHTML=product;
}
职能司(){
var divis,
no1=document.getElementById('no1')。值,
no2=document.getElementById('no2')。值;
除数=no1/no2;
document.getElementById(“结果”).innerHTML=divis;
}
编写一个JavaScript程序来计算两个数字的乘法和除法?
样本表格
第一个号码:
第二个号码:
乘
分开

  • 单击提交按钮
  • JavaScript运行
  • 表格已提交
  • 将加载一个新页面
  • 新页面没有旧页面上的DOM更改


    阻止提交按钮的默认行为或将事件处理程序绑定到其他类型的控件。

    您的JS正在工作,但当用户单击提交按钮时,表单也会提交,因为这是默认操作

    阻止表单提交

    <form onsubmit="event.preventDefault();" name="sample" method="POST">
    
    
    
    乘法
    分开
    

    这可能会对您有所帮助。

    是的,但是,当我在HTML文档中运行它时,问题就出现了。请将其复制到新的HTML文档中并进行测试,好吗?@j08691-从控制台:阻止表单提交到“”,因为表单的框架是沙盒,并且未设置“允许表单”权限。-堆栈片段以防止问题发生的方式进行沙盒处理。
    元素的默认类型是
    submit
    ,因此您提交表单,而不做任何抑制操作。只要把它改成
    type=button
    @Quentin是的,我在发布评论后看到了。只要去掉表单元素就行了
    <button type="button" id="mul" onclick="multiplication();">Multiply</button>
    <button  type="button" id="div" onclick="division();">Division</button>