无法使用javascript更改样式属性

时间:2016-05-05 06:35:07

标签: javascript html css

First situation

我希望对'图像'的所有style属性进行少量更改。 HTML文档中的类。

所以我这样做 -

Second Situation

在控制台窗口中,更改已完成,并返回新更改的style属性。

但它在Chrome的Element窗口中保持不变,并且没有显示变化的影响。

我做错了什么?

3 个答案:

答案 0 :(得分:2)

由于getAttribute返回一个值,因此您在该值上调用replace,因此该元素永远不会更新它的属性。

试试这个:

Lexer.COMMA.equals(...)

其中el是您尝试更新的元素。

答案 1 :(得分:2)

在您的代码中,您只是替换值,而不是将其实现为元素。

将值分配给新var,然后将其应用于像

这样的元素
MediaRecorder

答案 2 :(得分:1)

您正在替换该值,因此您可以在控制台中获得结果,但不将其存储在任何位置,因此DOM不会更改。在这种情况下,您需要使用setAttribute()方法:http://www.w3schools.com/jsref/met_element_setattribute.asp

它会是这样的:

# using mtcars data set, select number of gears to reveal hp by cylinder 
  library(shiny)
# Define UI for Shiny app
  shinyUI(fluidPage(
  # Application title
    titlePanel(title = h2("mtcars hp by cylinders", align = "center")),
  # Sidebar layout
    sidebarLayout(position = "left",
  # Sidebar panel
    sidebarPanel  (h4("Select number of"),
                  selectInput("gear", "Gears?", c("3", "4", "5"),
                  selected =    "3")
              ),
  # Main Panel
    mainPanel     (h3("Car info:"),
                  textOutput("caption"),
                  plotOutput("gearPlot")
                  )
                )
                  )
          )