使用段落中的数据？

Question

我编写了一个函数，它使用语法

将数据输出到段落

<p id="csvData"></p>

我想知道是否有办法使用本段中的数据。例如

var add= csvData + 2 

Answer 1

假设数据是数字，您需要

1. 获取元素的文字：document.querySelector('#csvData').innerHTML;
2. 将其转换为数字：使用parseInt或parseFloat
3. 认为合适使用

所以

var csvData = parseInt( document.querySelector('#csvData').innerHTML, 10 ),
    add = csvData + 2;

或

var csvData = parseFloat( document.querySelector('#csvData').innerHTML ),
    add = csvData + 2;

演示

var csvData = parseInt( document.querySelector('#csvData').innerHTML, 10 ),
    add = csvData + 2

console.log( 'result of addition:', add );

<p id="csvData">150</p>

Answer 2

您需要先获取元素，以便在js标记或js文件中使用getElementById方法

var paragraph = document.getElementById('csvData')

如果您想从段落中获取文本，则需要使用paragraph.innerHTML属性

Answer 3

使用DOM，您可以获取段落的textContent数据，使用parseInt将其转换为int，然后进行数学运算。

<p id="csvData">1</p>
<script type='text/javascript'>
    var s = document.getElementById('csvData').textContent;
    var i = parseInt(s);
    alert(i+1);
</script>