Javascript 如何使用react中的输入值获取div的innerText?
我试图获取div innerText以及该div的输入值。 例如:Javascript 如何使用react中的输入值获取div的innerText?,javascript,html,reactjs,Javascript,Html,Reactjs,我试图获取div innerText以及该div的输入值。 例如: 我的名字是Shubham,在过去的5年里我一直在这里工作。 我只想得到那个部门的所有文本,比如: 我的名字是Shubham,我在微软工作了5年 我尝试了e.currentTarget.innerHTML,但没有得到想要的结果。 提前谢谢 编辑: console.log(e.currentTarget.innerHTML)} className=“文本sm前导-5文本灰色-500” > 我的名字是Shubham,在过去的5年里我一
我的名字是Shubham,在过去的5年里我一直在这里工作。
我只想得到那个部门的所有文本,比如:
我的名字是Shubham,我在微软工作了5年
我尝试了e.currentTarget.innerHTML,但没有得到想要的结果。
提前谢谢
编辑:
console.log(e.currentTarget.innerHTML)}
className=“文本sm前导-5文本灰色-500”
>
我的名字是Shubham,在过去的5年里我一直在这里工作。
只需使用React.useRef
(函数组件)或React.createRef
(类组件)
导出默认函数App(){
const ref=React.useRef();
//登录第二次渲染
//我的名字是Shubham,在过去的5年里我一直在这里工作。
console.log(参考当前?.innerText);
返回(
我的名字是Shubham,在过去的5年里我一直在这里工作。
);
}
//给div一个id属性,比如x
//此处文本/div>
//在JavaScript中:
让divText=document.getElementById(“x”).innerText
请提供完整的代码。我没有从中获取输入值。这不足以获取结果OP正在查找没有从中获取输入值向输入元素添加另一个引用
<div
onChange={(e) => console.log(e.currentTarget.innerHTML)}
className="text-sm leading-5 text-gray-500"
>
My name is Shubham, I work for <input type="text"/> for the last 5 years.
</div>
export default function App() {
const ref = React.useRef();
// log on second render
// My name is Shubham, I work for for the last 5 years.
console.log(ref.current?.innerText);
return (
<div ref={ref}>
My name is Shubham, I work for <input type="text" /> for the last 5 years.
</div>
);
}
// give your div an id attribute, lets say x
// <div id="x">Text here/div>
// in JavaScript:
let divText = document.getElementById("x").innerText