当前位置: 首页 > 知识库问答 >
问题:

getElementsByClassname().InnerText函数未从HTML获取文本

柯镜
2023-03-14

我正在使用JavaScript尝试从这个HTML中的span标记之间提取innertext“plain vanilla”。以及img标记之间的图像

<span id="shop-item-title">Plain Vanilla</span>
<img class="shop-item-image" src="../img/icecreamicon.png" alt="Ice Cream">

javascript如下所示

function addToCartClicked(event) {
var button = event.target
var shopItem = button.parentElement.parentElement
var title = shopItem.getElementsByClassName('shop-item-title')[0].innerText
var size = document.getElementById("sizes").value
var price = document.getElementsByClassName('priceText')[0].value
var imageSrc = shopItem.getElementsByClassName('shop-item-image')[0].src
addItemToCart(title, size, price, imageSrc)
updateCartTotal()
}

但是,当我运行它时,我收到以下错误

customer.js:187未捕获的TypeError:无法读取HtmlButtonElement.AddToCartClicked(customer.js:187)上未定义的属性“inner html”

有人知道为什么会这样吗?

共有1个答案

甄越
2023-03-14

您可能应该使用

var title = shopItem.getElementById('shop-item-title')[0].innerText;

而不是

var title = shopItem.getElementsByClassName('shop-item-title')[0].innerText
 类似资料:
  • 下面是html代码 我需要从上面的代码中提取文本“我需要这个文本”。 我尝试了以下方法,但无法得到唯一一行“我需要此文本: 1.)by.xpath("//h2[@id='xyz']"). gettext();获取错误说InvalidSseltorError:的xpath表达式的结果"//h2[@id='xyz']/继-兄弟::文本()"是:[对象文本].它应该是一个元素。 2)通过。//xyz[“

  • 问题内容: 我在相当基本的android开发水平上。 我想从诸如“ http://www.google.com”的页面获取文本。(我将使用的页面只有文本,因此没有图片或类似的东西)所以,要明确:我想将页面上的文本写入应用程序中的字符串等。 我尝试了这段代码,但是我什至不知道它是否能满足我的要求。 无论如何我都无法收到任何文字。我应该怎么做? 问题答案: 从您提供的示例代码中,您甚至没有读取请求的响

  • 我们有一个html文件,用于测试内部工具是否正确安装。 html文件输出两个已连接或连接失败的值。 下面是我们通过浏览器打开html文件时的截图。 我需要通过PowerShell终端输出上述值。 我尝试了调用Web请求,但无法获得所需的值。 {60, 33, 68, 79...} 有什么帮助吗? 编辑:(调用WebRequest C:\websocket.html)。内容60、33、68、79、6

  • 我想从application.properties文件中定义的键中读取整数值。这是我的属性文件。 spring.rabbitmq.port=31111 代码如下: 代码有问题的行是:

  • 问题内容: 如果我知道文本标签包含什么,如何在html页面中获取标签。例如: 问题答案: 您将不得不手动遍历。