Question

我在一个HTML中有这个代码，它可以很好地进行基本的数学运算

＆＃13;

<!doctype html>
<html>
	<head>
	<meta charset="utf-8">
		<title>Facultad Contaduria</title>
		<link rel="stylesheet" type="text/css" href="style_d.css"/>
		<link rel="shortcut icon" type="image/ico" href="images/favicon.ico"/>
    	<meta name="description" content="Tile">
		<meta name="keywords" content="Words">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
			<body>
			<div id="wrapper">
				<div id="prim0">
					<p id="prim"> 10 </p>
				</div>
				<div id="seg0">
					<p id="seg"> 100 </p>
				</div>
				<div id="ter0">
					<p id="ter"></p>
				</div>
			</div>

<script>
var x = (1 * document.getElementById("seg").innerHTML) / document.getElementById("prim").innerHTML ;
document.getElementById("ter").innerHTML = x;
</script>
			</body>
</html>

＆＃13;

此代码与我的其他HMTL文件非常相似，问题是我不知道如何从2个不同的HTML文件中添加一个DIV <p id="seg"> 100 </p>到另一个HTML文件，代码为有这个，但它没有工作

＆＃13;

<div id="gran_total">
						
						<p id="total"></p>
						
						<script type="text/javascript">
var x = (document.getElementById("seg").load("contaduria.html #seg") + document.getElementById("seg").load("derecho.html #seg")) ;
document.getElementById("total").innerHTML = x;
</script>
						
					</div>

＆＃13;

提前致谢

Answer 1

JavaScript方法

你有两个Html：

Html文件1：

<div id="wrapper">
  <div id="prim0">
    <p id="prim"> 10 </p>
</div>
<div id="seg0">
   <p id="seg"> 100 </p>
</div>

Html文件2：

<div id="gran_total">
  <p id="total"></p>
</div>

撰写JavaScript文件：

  var p1 = document.getElementById('prim').innerHTML; //First take innerHTML which will be in string, from  file 1
  var p2 = document.getElementById('seg').innerHTML;  //First take innerHTML which will be in string, from  file 2
  p1 = Number(p1); // Convert text into number
  p2 = Number(p2);
  var total = p1 + p2 ;
  document.getElementById('total').innerHTML = total;

注意：P返回文字，因此我们需要将其转换为数字..

在两个html中附加您的javascript文件，您将获得总值中的值

从2个不同的HTML文件导入Div并添加其内容

1 个答案: