Question

我想将价格，名称，...添加到在html上动态生成的购物车中。之前我想将这些值添加到该按钮。但是没有得到我。这是代码

但我有各种类别

        var b,c,d;
                function add(){
                    for(var i=0;i<1;i++){
                    b=document.getElementsByTagName("span")[i];
                    c=document.getElementsByTagName("p")[i];
                    d=document.getElementByTagName("h4")[i];
                    alert(b.textContent);
                    alert(c.textContent); 
                    alert(d.textContent)};
                }

<div class="col-sm-9">
                <div class="col-sm-2">
                            <h5></h5>
                            <img  src="defaultimg.png">
                            <span></span>
                            <p></p>
                            <button value="Add to Wishlist" onclick="add()">Add to Wishlist</button>
                        </div>
                        
                        <div class="col-sm-1"></div>
                        
                        <div class="col-sm-2">
                            <img  src="defaultimg.png">
                            <span></span>
                            <p></p>
                            <h5></h5>
                            <button value="Add to Wishlist" onclick="add()">Add to Wishlist</button>
                        </div>
                        <div class="col-sm-1"></div>
                        <div class="col-sm-2">
                            <h1></h1>
                            <h2></h2>
                            <h3></h3>
                            <h4></h4>
                            <button value="Add to Wishlist">Add to Wishlist</button>               
                        </div>
                    </div>

每当我使用严格的javascript单击任何div中的按钮时，我只能得到第一个单值

Answer 1

打开你的控制台，它会说：

Maven Repository Server plugin

你有一个错字，你错过了Uncaught TypeError: document.getElementByTagName is not a function(…)。

它在循环1结束时破坏了你的代码，这就是为什么你只得到一个值。

这就是说，因为你只有一个d=document.getElementsByTagName("h4")[i];标签，不确定JS会对<h4>感到满意（试图选择不存在的第二个d = document.getElementsByTagName("h4")[1];）。可能会返回<h4>，当您尝试undefined时，您的代码会再次中断，您将获得d.textContent所以即使在修正错字之后，我相信代码会在循环后中断1是另一个原因。

最重要的是，我不确定您是否会使用此代码检索所有值，它太脆弱而且太容易打破。你应该试着找到另一种方式。

按钮单击时添加到购物车所选产品

1 个答案: