Javascript 如何使用JS在div元素中获取值

这里我有一个类为med的div元素，我想访问指定的div中的值：{{pro_id.prescriptedmed}

。我试图用getattribute（）获取值，但它没有显示。如何才能得到它的价值。这是一段代码

 <div class="column">
        <!-- style="background-color:#bbb; -->
        <p class="newarrival ">Rs.{{pro_id.price}}</p>
        <h4>{{pro_id.name}}</h4>
        <p><strong>Category:</strong> {{ pro_id.category}}</p>
        <p><strong>Description:</strong> {{pro_id.smalldescription}}.</p>
        <div class="med hidden" >
            <p>Prescribed:{{pro_id.prescribedmed}}</p>
        </div>
        <button data-product={{pro_id.id}} data-action="add" type="button" class="btn-cart update-cart"> Add to cart
       </button>
    </div>

---

在这里，如果我必须这样做，输出会给出未定义的结果，接下来会出现： 首先使用

Document.querySelector（）

选择元素。 然后提取元素的文本。

---

最后使用

String.prototype.substring（）

方法获取所需的值。

您无法获取属性，因为您没有属性

Div元素：

<div class="med hidden" id="Div_id" value="Value_here" >

试试这个

<p class="med_prescribed">Prescribed: {{ pro_id.prescribedmed }}</p>

---

把你的原始代码贴在这里，我会编辑帖子。把你的JavaScript贴在这里，因为它没有正确显示答案。你可以把代码缩进4个空格，或者将其放在三个反勾内

``code here``

或者如果内联使用单反勾：

`inline code`

我尝试了这一点，并且在执行console.log时输出是未定义的。您可以在呈现的HTML中看到

pro_id.PrescriptedMed

的值吗？是的，该值实际上是布尔值，并且在请检查更新的答案。

var value = document.getElementById("Div_id").getAttribute ("value")

<p class="med_prescribed">Prescribed: {{ pro_id.prescribedmed }}</p>

var premed = document.getElementsByClassName('med_prescribed')[0].innerText;
console.log(premed);